教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js动态添加事件且可传参数的代码分享

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

发布时间:2015-02-20   编辑:jiaochengji.com
本文分享一例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.jiaochengji.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() {
// 此处放置你的验证代码
});

您可能感兴趣的文章:
js动态添加事件且可传参数的代码分享
js onclick事件传参数的方法分析
asp.net 动态添加控件与事件的方法介绍
JS动态添加与删除控件的代码一例
c#反射调用类型成员的例子
jquery下为Event handler传递动态参数的代码
jquery live()重复绑定的解决方法介绍
微信端h5页面如何调用分享页面的接口
如何在微信端html5页面调用分享接口
jQuery 2.0.3 源码分析 事件绑定 – bind/live/delegate/on

[关闭]
~ ~