事件委托

 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>
事件委托

推荐阅读
