jquery - 背景点击事件适用于一切 - 修复？

Question

我的文档结构是这样的，非常简单:

<div id="background">
  <div id="button">I am a button!</div>
</div>

我使用 jquery .click() 将点击事件添加到我的 #background 但是当点击 #button 时它也有效以及。当我禁用按钮的指针事件时，它会失去功能。

我还尝试了以下结构:

<div id="background">
  <div id="button">I am a button!</div>
  <div id="fullscreen-click-bg"></div>
</div>

• 其中 #fullscreen-click-bg 是 width:100%;高度:100% 元素。仍然所有点击都通过按钮。

遇到这种情况怎么办？我不希望我的鼠标点击传递元素。

Answer 1

按钮是背景的 child ，所以当按钮被点击时你需要停止事件:

$('#button').click(function(e) {
    e.stopPropagation();
});