javascript - 如何响应某个区域外的点击？

Question

我的文档是这样的:

背景基本上是一个全屏透明的div。有几个问题...如果我只创建背景 div 而不对其应用任何 z-index，它最终会位于所有内容之上，我无法单击该框。如果我将背景 div 的 z-index 设置在框下方，我似乎无法点击背景。我想做的是能够同时单击框和背景。

var x = document.getElementById("bg");
x.addEventListener("click",reset,false);

function reset() {
   alert("reset was clicked");
}

澄清:box 与 bg 处于同一节点级别。它不在 bg div 内。

Answer 1

看看这个 jQuery 插件 - 即使它不能解决您的特定问题，代码也可以让您深入了解您的困境。

jQuery clickoutside