js动态添加事件并可传参数示例代码

157 阅读 0 评论 104 点赞

我是靠谱客的博主繁荣黑夜，最近开发中收集的这篇文章主要介绍js动态添加事件并可传参数示例代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
var tt=function(obj) 
{ 
return function() 
{ 
alert(obj.tagName); //可以为外部定义的一个执行函数； 
} 
} 
function addfunction() 
{ 
var bigobj=document.getElementById("mytable"); 
var rows =bigobj.rows; 
for(var j=0; j<rows.length; j++) 
{ 
for(var i=0;i<rows[j].cells.length;i++) 
{ 
rows[j].cells[i].attachEvent("onmousemove",tt(rows[j].cells[i])); 
//rows[j].cells[i].onmousemove = function(){ 
// tt(); 
//} 
} 
} 
} 

==========兼容FF和IE的写法

复制代码代码如下:

 
function addEvent (o,c,h){ 
if(o.attachEvent){ 
o.attachEvent('on'+c,h); 
}else{ 
o.addEventListener(c,h,false); 
} 
return true;} 
var tt=function(obj) 
{ 
return function(){textChange(obj);} 
} 
addEvent(input1,"change",tt(input1)); 
function textChange(o) 
{ 

//do something 

} 

用Jquery的话，一句话搞定 
$("input[type='text']").change( function() { 
// 这里可以写些验证代码 
}); 