JS 事件委托

大 | 中 | 小
[不指定 2015/07/27 13:23 | by 刘新修 ]

 JS 事件委托

XML/HTML代码
  1. <!DOCTYPE HTML>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8" />  
  5. <title>js性能优化</title>  
  6. <style>  
  7. #list{ border:1px solid #000;}  
  8. </style>  
  9. </head>  
  10. <body id='list'>   
  11. <ul >  
  12. <li>精通css</li>  
  13. <li>精通js</li>  
  14. <li>精通html</li>  
  15. ......  
  16. </ul>  
  17. </body>  
  18. </html>   
  19. <script type="text/javascript">  
  20. (function(){  
  21. var a=document.getElementById('list');  
  22. a.addEventListener('click',function(e){  
  23. var b = e.target;   
  24. alert(b.innerHTML);  
  25. },false);  
  26. })();  
  27. </script>  

 

H5/JS/CSS | 评论(0) | 引用(0) | 阅读(2813)