首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JavaScript动态的替元素添加事件

2012-09-14 
JavaScript动态的为元素添加事件?一、不带参数的事件:两种方式:直接给对象添加事件,节点添加事件例如给一个

JavaScript动态的为元素添加事件

?

一、不带参数的事件:

两种方式:直接给对象添加事件,节点添加事件
例如给一个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');});
??? }
二、带参数的事件
这里的functionName就是事件处理函数,如果是带参数的那该怎么办,
有人说是这样:
element.onclick=function(sb){
????????alert(sb);
????}
是不是上面的那种写法呢?答案是不正确的。
解决方法:匿名函数:
??? element.onclick=function() {
??????? functionName(param);
??? };

?

热点排行