编程 Javascript

js给onclick事件赋值，动态传参数实例解说

Posted in Javascript onMarch 28, 2013

我们先看看错误的例子
Html代码

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

Javascript代码

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

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

btn.onclick = show;

参数又无法传递.
所以正确的代码应该这样写,我们加一个参数以看得更明白一些:
Html代码

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

Javascript代码

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

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

js给onclick事件赋值，动态传参数实例解说

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

图片上传插件jquery.uploadify详解

Nov 15 Javascript

jquery获取复选框被选中的值

Mar 22 Javascript

JS简单计算器实例

Jan 20 Javascript

javascript上下方向键控制表格行选中并高亮显示的方法

Feb 13 Javascript

使用控制台破解百小度一个月只准改一次名字

Aug 13 Javascript

javascript动态生成树形菜单的方法

Nov 14 Javascript

一些实用性较高的js方法

Apr 19 Javascript

js制作简单的音乐播放器的示例代码

Aug 28 Javascript

AngularJS实现注册表单验证功能

Oct 16 Javascript

ztree实现左边动态生成树右边为内容详情功能

Nov 03 Javascript

node+multer实现图片上传的示例代码

Feb 18 Javascript

Vue2.x和Vue3.x的双向绑定原理详解

Nov 05 Javascript

自定义jQuery选项卡插件实例

Mar 27 #Javascript

js数组的操作详解

Mar 27 #Javascript

jquery获取tr中控件值并操作tr实现思路

Mar 27 #Javascript

css transform 3D幻灯片特效实现步骤解读

Mar 27 #Javascript

JS删除数组元素的函数介绍

Mar 27 #Javascript

jquery struts 验证唯一标识(公用方法)

Mar 27 #Javascript

Json对象与Json字符串互转(4种转换方式)

Mar 27 #Javascript