zoukankan      html  css  js  c++  java
  • 事件委托

     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>
  • 相关阅读:
    Codeforces.468C.Hack it!(构造)
    BZOJ.3227.[SDOI2008]红黑树tree(树形DP 思路)
    146
    145
    144
    143
    142
    141
    140
    139
  • 原文地址:https://www.cnblogs.com/xiaozhishang/p/4810124.html
Copyright © 2011-2022 走看看