javascript - 检测点击是否不是某些特定的 div

Question

我正在开发一种水平菜单，但在单击时可见，在单击时隐藏，但在单击某个箭头时可见，而在单击文档而不是某些 div 容器时隐藏。在那个 div 容器中还有一些其他元素。如果我们写 document.onclick=closingfunction 那么无论用户点击那个 div 本身它都会关闭。我想在用户单击任何地方而不是在该 div 本身或箭头上时调用 closefunction。

好像会有它的解决方案，但是我没有找到，所以贴在这里。

Answer 1

您可以使用 jQuery is() 函数来检测当前目标是否匹配特定选择器:

$('ul.container li').click(function(e){
    if ($(e.target).is('.dropdown')) {
        //do something when clicked inside dropdown
    }
})