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 相关文章推荐
一个无限级XML绑定跨框架菜单(For IE)
Jan 27 Javascript
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法
May 13 Javascript
根据一段代码浅谈Javascript闭包
Dec 14 Javascript
基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
Dec 29 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
Nov 24 Javascript
Vue 短信验证码组件开发详解
Feb 14 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
使用ESLint禁止项目导入特定模块的方法步骤
Mar 04 Javascript
JavaScript面试技巧之数组的一些不low操作
Mar 22 Javascript
ES6的异步终极解决方案分享
Jul 11 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
Oct 30 Javascript
vue实现简易图片左右旋转,上一张,下一张组件案例
Jul 31 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
第九节--绑定
2006/11/16 PHP
PHP Undefined index报错的修复方法
2011/07/17 PHP
php检测数组长度函数sizeof与count用法
2014/11/17 PHP
PHP多文件上传类实例
2015/03/07 PHP
屏蔽PHP默认设置中的Notice警告的方法
2016/05/20 PHP
详解php框架Yaf路由重写
2017/06/20 PHP
js三种排序算法分享
2012/08/16 Javascript
jquery实现加载等待效果示例
2013/09/25 Javascript
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
NodeJS中Buffer模块详解
2015/01/07 NodeJs
jQuery中unwrap()方法用法实例
2015/01/16 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
2015/08/31 Javascript
jquery ztree异步搜索(搜叶子)实践
2016/02/25 Javascript
在AngularJS中使用jQuery的zTree插件的方法
2016/04/21 Javascript
深入理解JavaScript 函数
2016/06/06 Javascript
详解nodejs操作mongodb数据库封装DB类
2017/04/10 NodeJs
如何把vuejs打包出来的文件整合到springboot里
2018/07/26 Javascript
js数组去重的方法总结
2019/01/18 Javascript
微信小程序登录session的使用
2019/03/17 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
2019/12/12 Javascript
js将URL网址转为16进制加密与解密函数
2020/03/04 Javascript
原生js实现购物车
2020/09/23 Javascript
[50:28]LGD女子学院第三期 DOTA2复仇之魂教学
2013/12/24 DOTA
python实现k均值算法示例(k均值聚类算法)
2014/03/16 Python
Python随手笔记第一篇(2)之初识列表和元组
2016/01/23 Python
Python使用迭代器捕获Generator返回值的方法
2017/04/05 Python
Python实现投影法分割图像示例(一)
2020/01/17 Python
解决使用python print打印函数返回值多一个None的问题
2020/04/09 Python
python 实现"神经衰弱"翻牌游戏
2020/11/09 Python
Europcar德国:全球汽车租赁领域的领导者
2018/08/15 全球购物
构造方法和其他方法的区别
2016/04/26 面试题
工厂门卫岗位职责
2013/11/25 职场文书
自荐信封面
2013/12/04 职场文书
市场营销管理毕业生自荐信
2014/03/03 职场文书
房屋买卖定金协议书
2016/03/21 职场文书
python 实现两个变量值进行交换的n种操作
2021/06/02 Python