javascript - 如何排除元素类成为 jquery .click() 事件中的目标?

标签 javascript jquery html css

我在网上搜索过这个问题的答案,但找不到雪茄,所以这是我的问题。

我有两个 HTML div;两者都包含在包装器 div 中,但其中一个在其 CSS 中具有 z-index:101,以及宽度和高度 100%。当一个 jquery click 事件被触发时,这自然地把它放在另一个 div,.object 之上(z-index 明智的)。这导致此覆盖 div 成为点击的 e.target,但我需要将 .object 类作为目标。因此,可以(如果可以,如何)从 jquery 单击事件中排除 HTML 元素?

作为引用,我正在使用的 jquery 单击事件代码:

$(document).click(function(e) {
            if(e.target.parentNode.parentNode.classList.contains("object")) {
                globalSelected.classList.remove('selected') ;
                globalSelected=e.target.parentNode.parentNode;
                globalSelected.classList.add('selected') ;
            } else {
                globalSelected.classList.remove('selected') ;
                globalSelected=null;
            }
});

最佳答案

$('.overlay').on('click', function() {
  $(this).siblings('.object').trigger('click');
});

在没有更多上下文的情况下,我不确定这是否会导致任何不良副作用。

关于javascript - 如何排除元素类成为 jquery .click() 事件中的目标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26133070/

相关文章:

JavaScript读取本地文件

javascript - jquery - (...).autocomplete 不是一个函数

html - 在 CSS 过渡结束时跳转

javascript - 如何在 JavaScript 中调用后台另一个页面

jquery - 加载 Modal 时注入(inject) Javascript

javascript - 悬停在 ul 子元素上效果 ul after style

javascript - 使用jquery从选择框中删除选定的值,但需要在选择框中显示当前选定的值?

javascript - 如何从 Django 表单库中隐藏复选框并使用 Javascript 切换其显示属性

javascript - Alfresco:数据字典中尚未定义类

javascript - scrollTop 动画导致屏幕白色闪烁