js动态添加事件且可传参数的代码分享

发布时间:2020-07-15编辑:脚本学堂
本文分享一例js实现的动态添加事件、并可以传参数的代码,是学习js脚本事件的好例子,有需要的朋友可以作个参考。

js动态添加事件,并且可以传参,代码写的不错,值得参考借鉴。

例子:
 

复制代码 代码示例:
//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++)
{  // www.jb200.com
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() {
// 此处放置你的验证代码
});