事件委托

例如：

<h2>Great Web resources</h2>

<ul id="resources">

  <li><a href="http://opera.com/wsc">Opera Web Standards

Curriculum</a></li>

  <li><a href="http://sitepoint.com">Sitepoint</a></li>

  <li><a href="http://alistapart.com">A List Apart</a></li>

  <li><a href="http://yuiblog.com">YUI Blog</a></li>

  <li><a href="http://blameitonthevoices.com">Blame it on the

voices</a></li>

  <li><a href="http://oddlyspecific.com">Oddly specific</a></li>

</ul>

最佳脚本书写方式：

(function(){

  var resources = document.getElementById(‘resources‘);

  resources.addEventListener(‘click‘,handler,false);

  function handler(e){

    var x = e.target; // get the link tha

    if(x.nodeName.toLowerCase() === ‘a‘){

      alert(‘Event delegation:‘ + x);

      e.preventDefault();

    }

  };

})();

事件委托

原文：http://www.cnblogs.com/darr/p/4650717.html