码迷,mamicode.com
首页 > 其他好文 > 详细

事件委托

时间:2015-09-15 14:36:52      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <script>
 7         window.onload = function() {
 8             var oUl = document.getElementById(‘ul1‘);
 9             var oBtn = document.getElementById(‘btn‘);
10             oUl.onclick = function(ev) {
11                 var e = ev || event;
12                 /*
13                 * 标准:target
14                 * ie:srcElement
15                 * */
16                 var t = e.target || e.srcElement;
17                 alert(t.innerHTML);
18             }
19 
20             oBtn.onclick = function() {
21                 var oLi = document.createElement(‘li‘);
22                 oLi.innerHTML = Math.random();
23                 oUl.appendChild(oLi);
24             }
25 
26         }
27     </script>
28 
29 </head>
30 <body>
31     <input type="button" value="添加" id="btn"/>
32     <ul id="ul1">
33         <li>11111</li>
34         <li>22222</li>
35         <li>33333</li>
36     </ul>
37 </body>
38 </html>

 

事件委托

标签:

原文地址:http://www.cnblogs.com/xiaozhishang/p/4810124.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!