JS中动态添加事件(绑定事件)的代码


Posted in Javascript onJanuary 09, 2011

两种方式:直接给对象添加事件,节点添加事件
例如给一个id为tab1的添加onclick事件
第一种情况:

var t = document.getElementById("tab1"); 
t.onclick = function tst(){ 
alert(''); 
}

第二种情况
var tb = document.getElementById("tab1"); 
if(window.addEventListener){ // Mozilla, Netscape, Firefox 
td_value.addEventListener('click', alert('11'), false); 
td_value.addEventListener('click', alert('12'), false); 
} else { // IE 
td_value.attachEvent('onclick', function(){alert('21');}); 
td_value.attachEvent('onclick', function(){alert('2'2);}); 
}
Javascript 相关文章推荐
JavaScript delete操作符应用实例
Jan 13 Javascript
DOM操作一些常用的属性汇总
Mar 13 Javascript
jQuery实现企业网站横幅焦点图切换功能实例
Apr 30 Javascript
基于JavaScript代码实现微信扫一扫下载APP
Dec 30 Javascript
JS实现控制文本框的内容
Jul 10 Javascript
bootstrap中添加额外的图标实例代码
Feb 15 Javascript
vue实现验证码输入框组件
Dec 14 Javascript
使用百度地图实现地图网格的示例
Feb 06 Javascript
Angular4集成ng2-file-upload的上传组件
Mar 14 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
Jul 03 Javascript
vue项目在线上服务器访问失败原因分析
Aug 14 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
Nov 07 Javascript
jquery的extend和fn.extend的使用说明
Jan 09 #Javascript
js对象之JS入门之Array对象操作小结
Jan 09 #Javascript
理解JavaScript中的对象 推荐
Jan 09 #Javascript
最佳JS代码编写的14条技巧
Jan 09 #Javascript
JavaScript定义类或函数的几种方式小结
Jan 09 #Javascript
javascript中用星号表示预录入内容的实现代码
Jan 08 #Javascript
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
Jan 08 #Javascript
You might like
PHP将整个网站生成HTML纯静态网页的方法总结
2012/02/05 PHP
解析php dirname()与__FILE__常量的应用
2013/06/24 PHP
thinkphp3.2点击刷新生成验证码
2016/02/16 PHP
PHP的Yii框架中创建视图和渲染视图的方法详解
2016/03/29 PHP
PHP实现ASCII码与字符串相互转换的方法
2017/04/29 PHP
JavaScript 学习 - 提高篇
2007/02/02 Javascript
jquery下组织javascript代码(js函数化)
2010/08/25 Javascript
ExtJs使用总结(非常详细)
2012/03/22 Javascript
JavaScript中匿名、命名函数的性能测试
2014/09/04 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
js右下角弹出提示框示例代码
2016/01/12 Javascript
url中的特殊符号有什么含义(推荐)
2016/06/17 Javascript
node.js(express)中使用Jcrop进行图片剪切上传功能
2017/04/21 Javascript
详解react关于事件绑定this的四种方式
2018/03/09 Javascript
vue 解决addRoutes动态添加路由后刷新失效问题
2018/07/02 Javascript
对angular 实时更新模板视图的方法$apply详解
2018/10/09 Javascript
js中的面向对象之对象常见创建方法详解
2019/12/16 Javascript
一看就会的vuex实现登录验证(附案例)
2020/01/09 Javascript
javascript实现多边形碰撞检测
2020/10/24 Javascript
[39:21]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.24
2019/09/10 DOTA
[01:05:07]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第一场2月1日
2021/03/11 DOTA
跟老齐学Python之折腾一下目录
2014/10/24 Python
python实现多线程暴力破解登陆路由器功能代码分享
2015/01/04 Python
Django数据库连接丢失问题的解决方法
2018/12/29 Python
Python+OpenCV采集本地摄像头的视频
2019/04/25 Python
检测python爬虫时是否代理ip伪装成功的方法
2019/07/12 Python
python支付宝支付示例详解
2019/08/22 Python
pytorch实现对输入超过三通道的数据进行训练
2020/01/15 Python
pyautogui自动化控制鼠标和键盘操作的步骤
2020/04/01 Python
Python实现验证码识别
2020/06/15 Python
在html5的Canvas上绘制椭圆的几种方法总结
2013/01/07 HTML / CSS
ddl,dml和dcl的含义
2016/05/08 面试题
说一下Linux下有关用户和组管理的命令
2014/08/18 面试题
无故旷工检讨书
2014/01/26 职场文书
2014年开学第一课活动方案
2014/03/06 职场文书
Redis调用Lua脚本及使用场景快速掌握
2022/03/16 Redis