JavaScript动态添加|绑定事件

来源:互联网 发布:mac如何删除office 编辑:程序博客网 时间:2024/04/27 17:05

1,不带参数的事件:

两种方式:直接给对象添加事件,节点添加事件
例如给一个id为tab1的添加onclick事件
第一种情况:
var t = document.getElementById("NewTitle");
t.onclick 
= function showmsg(){
    alert(
'Hello!World');
}

 

~


第二种情况 这种情况更加动态,更为实用,而且还能添加多个函数(添加的事件的顺序即执行顺序),呵呵
var tb = document.getElementById("NewTitle");
    
if(window.addEventListener){ // Mozilla, Netscape, Firefox
        td_value.addEventListener('click', alert('cc'), false);
        td_value.addEventListener(
'click', alert('cc'), false);
    } 
else { // IE
        td_value.attachEvent('onclick',  function(){alert('changchang');});
        td_value.attachEvent(
'onclick',  function(){alert('changchang');});
    }

 

~


2,带参数的事件:
解决方法:匿名函数:

element.onclick=function() {
        functionName(param);
    };

 


这样就巧妙的通过匿名方法实现了!

原创粉丝点击