Javascript 正在侦听div上的模糊事件

我想在用户将光标移出其边界时隐藏某些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等实现这一点。

模糊用于可以聚焦的元素，例如用户输入、按钮。。。使用鼠标输出代替。

模糊用于可以聚焦的元素，如用户输入、按钮。。。请改用mouseout。

注意，事件将在冒泡mouseout上触发，如果div有任何childnodes，则应检查目标元素注意，事件将在冒泡mouseout上触发，如果div有任何childnodes，则应检查目标元素