attachEvent绑定函数添加参数

最新推荐文章于 2017-04-13 11:18:49 发布

yijianfengyu

最新推荐文章于 2017-04-13 11:18:49 发布

阅读量174

点赞数

分类专栏： javascript 文章标签： JavaScript C C++ C# HTML ViewUI

javascript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

满世界跑了一圈，最简单的如下：

<html>

<head>

<title></title>

</head>
<input type="button" id="bject" value="test" />
<body>

</body>
<script type="text/javascript">
var aaa="测试"
document.getElementById("bject").attachEvent("onclick",function(){ttt(2,3,4)})
function ttt(a,b,c){
    alert(a);
    alert(b);
    alert(c);
}
</script>
</html>

注意:

document.getElementById( " btn " ).onclick = method1;
document.getElementById( " btn " ).onclick = method2;
document.getElementById( " btn " ).onclick = method3;

如果这样写,那么将会只有medhot3被执行

写成这样：

var btn1Obj = document.getElementById( " btn1 " );
// object.attachEvent(event,function);
btn1Obj.attachEvent( " onclick " ,method1);
btn1Obj.attachEvent( " onclick " ,method2);
btn1Obj.attachEvent( " onclick " ,method3);

执行顺序为method3->method2->method1

如果是Mozilla系列，并不支持该方法，需要用到addEventListener

var btn1Obj = document.getElementById( " btn1 " );
// element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener( " click " ,method1, false );
btn1Obj.addEventListener( " click " ,method2, false );
btn1Obj.addEventListener( " click " ,method3, false );

执行顺序为method1->method2->method3