javascript - 文档的jQuery单击事件但忽略div

Question

我有一个在线幻灯片放映，我正在使用 jQuery。我已经使用 $(document).click 事件来检测用户何时单击页面以了解何时在幻灯片中显示下一个项目符号点或移动到下一页。

我遇到的问题是我的工作让我在页面底部插入一个评论框，当有人点击评论框或保存评论按钮时，它也会触发页面的点击事件。

有没有办法让整个页面都有点击事件，但当有人在 DIV 中点击评论框/保存按钮时忽略它？

Answer 1

您很可能需要使用事件对象的stopPropagation()方法在您的 Comments div 中停止事件的传播：

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

如果这不起作用，请尝试使用preventDefault()：

e.preventDefault();