处理z索引图层上的单击事件

这叫做事件冒泡,您可以使用 event.stopPropagation() 方法( event.cancelBubble() 在IE中)。您还可以通过从元素上的onwhere属性调用的处理程序返回true/false来控制它。这是一个棘手的问题,所以我建议你做一些 research

信息: cancelBubble , stopPropagation

编写一个名为onClick的函数,让该函数有足够的智能知道是谁调用了它。然后,该函数根据单击它的用户采取适当的操作。你可以发送任何独一无二的东西,然后使用开关。

简化示例:

<html>
<body>

<script type="text/javascript">
function myClickHandle(anID)
{
switch(anID){
case 'bottom': 
      alert("I am on the bottom");
      break;
case 'top':
      alert("I am on the top");
      break;
}
}
</script>

<html>
<div style="z-index:10"><input type=button value='top' onclick="myClickHandle(this.value)"/></div>
<div style="z-index:11"><input type=button value='bottom' onclick="myClickHandle(this.value)"/></div>
</body>
</html>

我认为最好的做法是在控件移动到上层时分离事件处理程序,当控件返回到下层时,可以重新附加事件。

优先考虑具有大z指数的元素

http://api.jquery.com/event.stopPropagation/