通常我给父级绑定事件,然后利用事件冒泡,然后判断子节点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对象。
本文转自:武汉前端培训