如何防止鼠标进入iframe时触发文档mouseout事件？

Question

我正在检测鼠标是否按照此答案中指定的方式离开窗口：How can I detect when the mouse leaves the window?。

问题是，当鼠标输入iframe时，浏览器会触发此事件（在我的情况下，嵌入的Youtube视频）。

我该如何防止这种情况？

谢谢！

Answer 1

您只需以这种方式修改处理程序：

addEvent(document, "mouseout", function(e) {
    e = e ? e : window.event;
    var from = e.relatedTarget || e.toElement;

    // we will check if this won't be iframe
    var to = e.target || e.srcElement;
    if ((!from || from.nodeName == "HTML")
      && to.nodeName !== "IFRAME") {
        console.log('mouse out')
    }
});

编辑添加e.srcElement选项以支持IE