js实现动态添加事件
一、实例描述
前一个案例讲了如何在网页中动态添加元素，有时候我们需要添加事件。本例学习如何动态的为元素添加事件。
二、截图
三、代码
1 <!DOCTYPE html> 2 <html lang="zh-cn"> 3 <head> 4 <meta charset="utf-8"> 5 <title>课堂演示</title> 6 <style type="text/css"> 7 input{ 8 margin: 10px; 9 width: 100px; 10 height: 30px; 11 } 12 </style> 13 </head> 14 <body> 15 16 <input id="Button1" type="button" value="Button1"> 17 18 <input id="Button2" type="button" value="动态添加事件" onclick="addClick(Button1)"> 19 20 <script type="text/javascript"> 21 22 //添加事件的参数，参数为元素的标识 23 function addClick(obj){ 24 25 obj.onclick=function(){ 26 27 alert('动态添加事件成功 '); 28 29 } 30 } 31 </script> 32 33 </body> 34 </html>
1、函数中带参数，参数就是另一个元素的id
2、 obj.onclick 动态添加点击事件，
3、没有函数名的匿名函数
4、函数嵌套
四、总结
案例要点：
本例的重点是如何为元素绑定事件。绑定元素时需要知道此元素的唯一标识（ID或Name）。