JavaScript给onclick事件赋值，动态传参数实例辩错

最新推荐文章于 2021-11-11 11:45:51 发布

weixin_30252155

最新推荐文章于 2021-11-11 11:45:51 发布

阅读量76

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lishanyang/p/5743541.html

版权

错误的例子：

<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事件句柄赋值,并支持参数的传递！

转载于:https://www.cnblogs.com/lishanyang/p/5743541.html

关注