Question

我已经在网上寻找答案，但没有雪茄，所以这是我的问题。

我有两个HTML div;两者都包含在包装器div中，但其中一个具有z-index：101，其中包含宽度和高度100％。这当然就是把它放在＆＃34; （z-index wise）当触发jquery click事件时，另一个div，.object。这会导致这个叠加div成为click's e.target，但我需要将.object类作为目标。因此，有可能（如果是这样，如何）从jquery click事件中排除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;
            }
});

Answer 1

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

如果没有更多背景，我不确定这是否会导致任何不良副作用。

Answer 2

尽管事先用谷歌搜索了几个小时，但实际上我在发布问题后几分钟就找到了我自己问题的解决方案。我只需要添加指针事件：无;到叠加层的CSS。

如何在jquery .click（）事件中排除元素类成为目标？

2 个答案: