js动态给对象onclick事件赋值,动态传参数

来源：互联网发布：javascript启示录 pdf 编辑：程序博客网时间：2024/06/05 00:37

我们先看看错误的例子

<body><input id="certid" type="text" value="123456" ><input id="btn" type="button" value="button" onclick=""></body>

 <script>function show(value){alert(value);}btn.onclick = show(certid.value);<script>

以上代码执行起来是有错误的,因为show(certid.value)这句,直接就执行了show方法,而没有正确把这个方法对象赋给btn.onclick事件.
如果我们改成这样

btn.onclick = show;
参数又无法传递.

所以正确的代码应该这样写,我们加一个参数以看得更明白一些:

<body><input id="certid" type="text" value="123456" ><input id="btn" type="button" value="button" onclick=""></body>

 <script>function show(value1,value2){alert(value1+","+value2);}var i = 10;btn.onclick = function(){                           show(certid.value,i);                       };<script>

这样就实现了动态给onclick事件句柄赋值,并支持参数的传递.