`
t8500071
  • 浏览: 112166 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

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

JavaScriptHTML 
阅读更多
我们先看看错误的例子 

<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事件句柄赋值,并支持参数的传递.
分享到：
| 使用hibernate2的时候出现session中对象重 ...
评论
3 楼 zshui_2007 2011-09-05  
非常感谢兄弟啊，这个写法很不错啊，我在IE8下测试了很多种方式，效果都不大理想，调换一下就没有问题了，关键是页面使用了iframe框架，然后在外部又给包装了一下！

thanks！
2 楼 ququjioulai 2009-07-10  
你写的这个东西感觉没什么用啊，当动态获取值的时候就不灵了
1 楼 Army 2009-02-24  
闭包基础啊。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics