target = e.target || e.srcElement(转载)

//鼠标点击出现下拉菜单,点其他地方,缩回去。
document.addEventListener("mousedown", function(e) {
var target = e.target || e.srcElement;
while (target != document && target != popup) {
target = target.parentNode;
}
if (target == document) {
popup.hide();
}
}, false);
其中popup是菜单元素,popup.hide()隐藏菜单
nav.onclick = function () {
var e = arguments[0] || window.event,
target = e.srcElement ? e.srcElement : e.target;
}
// 些段代码怎么解释。
nav 是页面的一个元素的name,比如按钮或者图片等等。
.onclick 是对这个元素注册事件。
function 里面是点击的时候执行的代码。
其中 var e = arguments[0] || window.event 中的arguments是该function的参数数组,即所有参数,而 arguments[0] 就是第一个参数,在火狐浏览器里面点击事件(onclick)的第一个参数就是event(点击事件对象),但是IE里面不是,所以为了确保 e 是“点击事件对象”所以使用“||”。你可能只需要知道,这里变量e就是一个事件对象。这个事件对象有一些固有属性 比如 e.srcElement 就是这个事件的目标,通俗的说就是click谁,在这里就是第一行所说的 nav 元素。 e.srcElement 只有IE浏览器才有效, 而在火狐里面应该是这样:e.target ,所以 target = e.srcElement ? e.srcElement : e.target;
这一行就是确保前面的target是事件触发的元素,即 nav。
上一篇:MyBatis源码解析【4】反射和动态代理


下一篇:Java多线程并发编程/锁的理解