javascript - 如何检测鼠标光标是否超出元素？

Question

我有一个监听器，当我单击文档时它会运行。

document.addEventListener('click', print);

function print(element)
{  
  doSomething();
}

它创建 div id=panel，我在其中打印一些信息。

当我运行打印功能时，我想检测我是否在 div#panel 之外单击(当我第二次单击时面板存在)。

我不希望使用 mouseout 事件监听器，因为我认为当事件单击已触发时使用鼠标移动监听器是多余的。

如何检测我何时点击了 div#panel？

Answer 1

您可以检查 jQuery 的 click 事件的 target，它是哪个元素:

$(document).click(function(e) {
    var target = $(e.target);

    if( !target.is("#panel") && target.closest("#panel").length === 0 ) {
        // click was not on or inside #panel
    }
});