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模拟struts2的多action调用的实现过程，需要的朋友可以参考下2014-05-05
原生javascript实现获取指定元素下所有后代元素的方法
这篇文章主要介绍了原生javascript实现获取指定元素下所有后代元素的方法,在进行web程序设计时是非常实用的技巧,需要的朋友可以参考下2014-10-10
一个很有趣的标签云兼容 IE 8亲测可用，不是基于jQuery的，所以不需要引入，下面是具体的代码实现2014-08-08
下面小编就为大家带来一篇javascript实现任务栏消息提示的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
用两个感叹号的作用就在于，如果明确设置了o中flag的值（非null/undefined/0""/等值），自然test就会取跟o.flag一样的值；如果没有设置，test就会默认为false，而不是null或undefined2011-12-12
这篇文章主要介绍了关于layui的按钮禁用与恢复方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-06-06
这篇文章主要为大家详细介绍了js实现菜单跳转效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
这篇文章主要介绍了JS动态图片的实现方法,结合完整实例形式分析了JavaScript鼠标响应与页面元素属性动态变换相关操作技巧,需要的朋友可以参考下2020-01-01
在Js中有一些比较冷门但是非常好用的方法，我在这里称之为高级方法，这些方法没有被广泛使用或多或少是因为存在一些兼容性的问题，不是所有的浏览器都读得懂的，这篇文章主要就是对这些方法做一个总结，让我们一起来看一下吧2023-06-06
通过自定义webpack插件,利用执行完成编译的封存阶段后,产生的产物module.fileDependencies,生成依赖的文件组,通过读文件的方式,将待扫描的文件组和有依赖关系的文件进行对比,这篇文章主要介绍了自定义删除无依赖文件的webpack插件,需要的朋友可以参考下2023-12-12
最新评论