javascript - 如何检测窗口外的点击

Question

我有一个用“ul”和“li”编码的 html 自定义下拉列表，当用户点击“ul”的头部时我会显示选项我想在用户点击菜单区域外时隐藏这些元素。

对于 javascript/YUI 而不是 Jquery，这样的事情可能吗？

Answer 1

我不是 YUI 专家，所以我怀疑这可以写得更好一些，但我已经测试过它并且它有效。

单击文档时隐藏下拉列表:

Y.one(document).on("click", function(){
    Y.one("#menu").hide(); 
});

防止对 ul 的点击传播到 document:

Y.one("#menu").on("click", function(e){
    e.stopPropagation();    
});

如果访问者点击任何地方，点击将冒泡到文档，并隐藏菜单。如果他们点击菜单，事件将被阻止冒泡到 document，因此菜单不会被隐藏。

演示:http://jsfiddle.net/nHnZT/