Javascript Z索引不工作

嗨，我在容器上有一个关闭按钮，我正在尝试创建两个不同的点击事件。当用户单击close按钮时，应调用close button click事件，当用户单击容器时，应调用container click事件

容器单击事件工作正常，但当单击关闭按钮时，它同时调用关闭单击事件和容器单击事件。我已经将

z-index:9999

设置为close div，但仍然不起作用

这是我的

---

谢谢你的回答。在Jquery中，我可以使用

event.stopPropagation（）但如果单击事件不使用Jquery和纯javascript怎么办。看到这里，那么如何停止气泡事件？
您应该做的是停止传播

 $( "#close-button-landscape" ).click(function(evt) {
  evt.stopPropagation();
  alert( "close button click" );
});

$( "#close-button-landscape" ).click(function(e) {
  e.stopPropagation();
  alert( "close button click" );
});
$( "#container" ).click(function() {
  alert( "container click" );
});

这也可以防止click事件冒泡到容器1

注意：在这种情况下，z索引不会影响任何内容。z索引只绘制无序的元素。。。而且#容器覆盖的区域比关闭按钮影响的区域大
按钮仍在容器中，因此您必须停止点击：

$('#close-button-landscape').click(function(event)
{
 event=event||window.event;
 if(event.stopPropagation)
 {
  event.stopPropagation();
 }
 else
 {
  event.cancelBubble=true;
 }
}

只需使用stopPropagation

 $( "#close-button-landscape" ).click(function(evt) {
  evt.stopPropagation();
  alert( "close button click" );
});

$( "#close-button-landscape" ).click(function(e) {
  e.stopPropagation();
  alert( "close button click" );
});
$( "#container" ).click(function() {
  alert( "container click" );
});

如果我想使用javascript怎么办？@OwaisAhmed你是说香草js吗？不，我是说没有使用jquery的纯javascript你能检查我发送的更新的JSFIDLE链接吗you@OwaisAhmed作为将来的参考，vanilla js==pure js==native js谢谢，我不知道这个词：），如果我想使用javascript呢当使用jQuery时，您实际上并不需要所有这些：jQuery将始终提供一个
事件
作为参数，并且该事件将始终支持
stopPropagation
。So
event.stopPropagation（）就足够了。不过，纯JS需要所有这些东西。