JavaScript动态添加|绑定事件

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);
    };

 


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

阅读更多

没有更多推荐了,返回首页