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);});
}
相关文章
antd-mobile ListView长列表的数据更新遇到的坑
这篇文章主要介绍了antd-mobile ListView长列表的数据更新遇到的坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
这篇文章主要介绍了微信小程序环境下将文件上传到OSS的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了Web前端开发之水印、图片验证码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-11-11
学习js就不得不学他的数组，这篇文章是由色拉油整理下，需要学习js数组的朋友可以参考下2013-10-10
这篇文章主要为大家详细介绍了js编写简易的计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
这篇文章主要介绍了Javascript页面跳转常见实现方式,结合实例汇总分析了JavaScript常用的七种页面跳转实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了微信小程序dom操作的替代思路,结合实例形式分析了微信小程序通过事件响应、动态操作元素属性来实现dom操作效果,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了mac上配置Android环境变量的方法,需要的朋友可以参考下2018-07-07
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
这篇文章主要介绍了JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了JavaScript实现广告的关闭与显示效果,涉及javascript广告窗口的关闭与显示效果实现技巧,需要的朋友可以参考下2015-07-07
最新评论