//鼠标点击出现下拉菜单,点其他地方,缩回去。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。
时间: 2024-11-03 21:27:36