鼠标点击出现下拉菜单，点其他地方，缩回去。

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。