代码描述:onclick事件处理 函数传递参数。onclick事件处理函数传递参数效果下载
在实际应用中可能需要为事件处理函数传递参数,下面就介绍一下如何实现此功能。 先看一段简单实例代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51qianduan.com/" /> <title>51前端</title> <script type="text/javascript"> window.onload=function(){ var txt="51前端"; var bt=document.getElementById("bt"); var thetxt=document.getElementById("thetxt"); bt.onclick=function(ev,txt){ bt.value=ev; thetxt.value=txt; } } </script> </head> <body> <input type="text" id="thetxt"/> <input type="button" id="bt" value="点击查看效果" /> </body> </html>
由以上代码可以看出以此种方式传递参数,第一个传递的是事件对象,第二个不能够传递参数,所以必须转换一下思路。 代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51qianduan.com/" /> <title>51前端</title> <script type="text/javascript"> window.onload=function(){ var txt="51前端"; var bt=document.getElementById("bt"); var thetxt=document.getElementById("thetxt"); function set(txt){ thetxt.value=txt; } bt.onclick=function(){ set(txt); } } </script> </head> <body> <input type="text" id="thetxt"/> <input type="button" id="bt" value="点击查看效果" /> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能