Heim > Web-Frontend > js-Tutorial > js动态添加事件并可传参数示例代码_javascript技巧

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

WBOY
Freigeben: 2016-05-16 17:19:20
Original
1403 Leute haben es durchsucht
复制代码 代码如下:

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{
for(var i=0;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() {
// 这里可以写些验证代码
});
Verwandte Etiketten:
js
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage