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

标签 javascript jquery html events click

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

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

有没有一种方法可以让整个页面都有点击事件,但当有人点击评论框/保存按钮所在的 DIV 时忽略它?

最佳答案

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

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

如果这不起作用,请尝试使用 preventDefault() :

e.preventDefault();

关于javascript - 文档的 jQuery 单击事件但忽略 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/533323/

相关文章:

javascript - 如果使用 jquery 在 bootstrap 选项卡上的选项卡字段为空,如何聚焦/显示 'tab-pane'?

javascript - Gmail 是否使用 setInterval() 或 setTimeOut() 进行定期刷新?

javascript - JQuery 如何获取生成的 html 的 <title>

javascript - phpseclib 不验证 window.subtlecrypto 中生成的签名

javascript - 如何确定 HTML 元素在视觉上是否位于另一个元素的左侧、右侧、顶部或底部?

jquery - 如果只有一张幻灯片使用 jQuery Cycle2 插件,则隐藏 "Next/Previous"导航

javascript - JQuery $.post 响应包含错误

javascript - MUI v5 主题与情感/mui

javascript - 为什么 intellij 格式化程序在嵌入脚本后附加一个空行?

javascript - 如果当前索引属于特定数组( Angular Js),如何隐藏 div