在我的 HTML 中
$(document).click(function(){
alert('Document Clicked');
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<button type='button'>CLICK [NO ALERT]</button>
<button type='button'>ME[NO ALERT]</button>
</body>在我这里的代码中，如果我点击按钮，如何防止显示警报，但是除了按钮之外的任何东西都可以被提醒。
最佳答案
您可以添加另一个 click那个特定的听众 <button>并停止传播事件:
$(document).click(function(){
alert('Document Clicked');
})
$('.not-clickable').click(function(e) {
e.stopPropagation();
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<button type='button'>CLICK [NO ALERT]</button>
<button type='button' class="not-clickable">ME[NO ALERT]</button>
</body>另一个选项是检查被点击的元素是否是那个特定的按钮:
$(document).click(function(e){
if (e.target.classList.contains('not-clickable')) {
return;
}
alert('Document Clicked');
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<button type='button'>CLICK [NO ALERT]</button>
<button type='button' class="not-clickable">ME[NO ALERT]</button>
</body>关于javascript - 单击文档而不是特定元素警报，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46258777/