事件委托

通常我给父级绑定事件，然后利用事件冒泡，然后判断子节点class，执行对应函数。

呐。这里有几个关键点。

 oUl.onmouseover = function(ev){

    var ev = ev || window.event;   //扑捉事件

    var target = ev.target || ev.srcElement;    //返回事件和目标节点

    //alert(target.innerHTML);

    if(target.nodeName.toLowerCase() == "li"){

    target.style.background = "red";

    }

  }

注意此处的ev||window.event  

js 捕捉事件和事件源:ev = ev || window.event 和 e.target VS e.srcElement  

    .target发生在事件流的目前阶段

    currentTarget 发生在事件流的整个阶段

    //srcElement和target返回事件的目标节点（触发该事件的节点），即引发该事件的节点

   nodeName 返回节点名称

   此处参照http://www.w3school.com.cn/jsref/dom_obj_all.asp Dom element对象。

本文转自：武汉前端培训