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

最新推荐文章于 2022-03-31 17:55:25 发布

t8500071

最新推荐文章于 2022-03-31 17:55:25 发布

阅读量3k

点赞数

分类专栏： JavaScript HTML

本文链接：https://blog.csdn.net/t8500071/article/details/8524738

版权

HTML 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

JavaScript

2 篇文章 0 订阅

订阅专栏

我们先看看错误的例子

<body>
<input id="certid" type="text" value="123456" >
<input id="btn" type="button" value="button" οnclick="">
</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" οnclick="">
</body>

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

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

t8500071

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js动态给对象onclick事件赋值,动态传参数

我们先看看错误的例子 function show(value) { alert(value); } btn.onclick = show(certid.value);以上代码执行起来是有错误的,因为show(certid.value)这句,直接就执行了show方法,而没有正确把这个方法对象赋给btn.onclick事件.如果
复制链接

扫一扫