有时候为了更好的实现代码分离，不用把时间直接写到代码中。通过动态绑定事件即可。
两种方式：直接给对象添加事件,节点添加事件
例如给一个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中动态添加事件(绑定事件)的代码的详细内容，更多请关注0133技术站其它相关文章！
