如何回应某个区域外的点击？

Question

我的文档如下：

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

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

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

CLARIFICATION：框与bg位于同一节点级别。它不在bg div内。

Answer 1

看一下这个jQuery插件 - 即使它没有解决你的特定问题，代码也可以让你深入了解你的困境。

jQuery clickoutside

Answer 2

您必须发布您的代码，以便每个人都可以帮助您。我的test在Firefox和Chrome上正常运行。如果我猜对了，代码中的背景就不会扩展。尝试删除我的示例中的html, body { width:100%; height:100%; }以查看问题。

在IE浏览器上，您需要使用透明的gif图像作为背景div的背景，否则背景div可能无法接收鼠标点击事件。