JS中动态添加事件(绑定事件)的代码
更新时间：2011年01月09日 18:51:38 作者：
有时候为了更好的实现代码分离，不用把时间直接写到代码中。通过动态绑定事件即可。
两种方式：直接给对象添加事件,节点添加事件
例如给一个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);});
}
例如给一个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);});
}
相关文章
![JS 字符串连接[性能比较]](//img.jbzj.com/images/xgimg/bcimg0.png)
js字符串连接实现代码。2009-05-05
ES6的异步操作之promise用法和async函数的具体使用
这篇文章主要介绍了ES6的异步操作之promise用法和async函数的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
这篇文章主要介绍了Servlet返回的数据js解析2种方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
这篇文章主要为大家详细介绍了QRCode.js二维码生成并能长按识别，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
prettify是Google提供的一款源代码语法高亮着色器，它提供一种简单的形式来着色HTML页面上的程序代码，最值得亮点的地方是不需要指明代码的语言类型，它会自动进行判断。2010-12-12
今天小编就为大家分享一篇解决layUI的页面显示不全的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
IE不出现Flash激活框的小发现的js实现方法...2007-09-09
这篇文章主要为大家详细介绍了用JS编写选项卡效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox
Javascript 模拟点击事件,一般情况下ie支持的，firefox并不支持。所以可以通过下面的方法解决。2010-01-01
本文主要介绍了微信小程序开发之选项卡(窗口底部TabBar)页面切换的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
![JS 字符串连接[性能比较]](http://img.jbzj.com/images/xgimg/bcimg0.png)
最新评论