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>
  • 相关阅读:
    ntpdate
    动态查看日志
    eclipse proxy
    远程调试
    pe and elf
    03scikit-learn非监督学习
    15管家婆小项目
    02scikit-learn模型训练
    01scikit-learn数据集下载
    scikit-learn中文api
  • 原文地址:https://www.cnblogs.com/xiaozhishang/p/4810124.html
Copyright © 2011-2022 走看看