js动态给对象onclick事件赋值,动态传参数
2013-01-21 14:31
851 查看
我们先看看错误的例子
以上代码执行起来是有错误的,因为show(certid.value)这句,直接就执行了show方法,而没有正确把这个方法对象赋给btn.onclick事件.
如果我们改成这样
btn.onclick = show;
参数又无法传递.
所以正确的代码应该这样写,我们加一个参数以看得更明白一些:
这样就实现了动态给onclick事件句柄赋值,并支持参数的传递.
<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事件句柄赋值,并支持参数的传递.
相关文章推荐
- js动态给对象onclick事件赋值,动态传参数的问题
- js动态给对象onclick事件赋值,动态传参数
- js给onclick事件赋值,动态传参数实例解说
- js动态添加onclick事件可传参数与不传参数
- js动态添加input按钮并给按钮增加onclick的函数事件(带参数)
- js动态添加onclick事件,传参数与不传参数
- js里面动态赋值 对象属性名
- 【JavaScript】JS动态给对象添加事件
- JS动态给对象添加事件的简单方法
- FineReport 动态传入参数的查询js事件
- Delphi动态事件深入分析(对象方法在调用的时候会传递一个隐含的Self指针,而该指针的值在EAX中。即左边第一个参数)
- 使用js动态添加点击事件时,click与onclick的区别
- js动态添加事件并可传参数示例代码
- html事件(onclick、onchange等)传对象作为参数
- JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
- javacript onclick事件中传递对象参数
- js动态添加的DIV中的onclick事件简单实例
- js中写html代码(onclick参数中带有json对象)