星空网 > 软件开发 > Java

简单事件委托

 1 <!DOCTYPE html> 2 <html> 3 <head> 4   <title>事件委托</title> 5   <meta http-equiv="Content-type" content="text/html" charset="utf-8"> 6 </head> 7 <body> 8   <ul> 9     <li id="1">1</li>10     <li id="2">2</li>11     <li id="3">3</li>12     <li id="4">4</li>13   </ul>14   <script type="text/javascript" src='/images/loading.gif' data-original="delegate.js"></script>15 </body>16 </html>

 1 function addEvent(func) { 2   var old = window.onload; 3   if (typeof old == "function") { 4     window.onload = func; 5   } else { 6     old; 7     func(); 8   } 9 }10 function delegationForUl () {11   var ul = document.getElementsByTagName('ul')[0];12   ul.addEventListener("click", function(e) {13     if (e.target && e.target.nodeName == "LI") {14       alert(e.target.id);15     }16   });17 }18 19 addEvent(delegationForUl);

事件委托:当我们需要对很多元素添加事件的时候,可以通过将事件添加到它们的父节点而将事件委托给父节点来触发处理函数

原理:浏览器的事件冒泡机制。

 




原标题:简单事件委托

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

吴家强:https://www.goluckyvip.com/tag/43558.html
吴嘉阳:https://www.goluckyvip.com/tag/43559.html
吴杰克:https://www.goluckyvip.com/tag/43560.html
吴锦刚:https://www.goluckyvip.com/tag/43561.html
吴林浩:https://www.goluckyvip.com/tag/43562.html
吴淼 Nancy :https://www.goluckyvip.com/tag/43563.html
在古巴做游轮 古巴旅游项目:https://www.vstour.cn/a/363194.html
西藏旅游攻略自驾游需要多少天 去西藏旅游自驾游要多久时间:https://www.vstour.cn/a/363195.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流