<![CDATA[刘新修]]> http://liuxinxiu.com:80/index.php zh-cn http://liuxinxiu.com:80/s// <![CDATA[ JS 事件委托]]> 刘新修 <admin@yourname.com> Mon, 27 Jul 2015 05:23:58 +0000 http://liuxinxiu.com:80/s//  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>  

 

]]> http://liuxinxiu.com:80/s//#blogcomment <![CDATA[[评论] JS 事件委托]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 http://liuxinxiu.com:80/s//#blogcomment