巨石业务咨询邮箱 咨询邮箱:404397954@qq.com 业务咨询热线 咨询热线:0755-88844416 微信 微信
您的位置:主页 > 人才招聘 > 技术资讯 >
javascript动态添加事件传参数
发表日期:2014-07-18 21:44   文章编辑:admin    浏览次数:
 
javascript动态添加事件可以实现搜索相关的文章,但是很少有传参数的,下面的示例很不错,值得各位参考借鉴。

代码如下

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() {
// 这里可以写些验证代码
});