在div上听模糊事件

Question

当用户将光标移出边界时，我想隐藏某个div。我认为这应该有效，但事实并非如此：

mydiv.addEventListener('blur',function(){
    document.getElementById("logStuff").style.visibility = "hidden";
    console.log("blurred out!"); //never gets callled
});

这是我的代码，用于显示我想隐藏的div，其工作原理如下：

mydiv.addEventListener('mouseover',function(){
    document.getElementById("logStuff").style.visibility = "visible";
});

我想用纯js（没有jquery等等）来做这个。

Answer 1

blur适用于可以focused的元素，例如用户输入，按钮......请改用mouseout。