javascript - 如何防止鼠标进入 iframe 时触发 document mouseout 事件？

Question

我正在检测鼠标是否按照此答案中的指定离开窗口：如何检测鼠标何时离开窗口？.

问题是当鼠标进入 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 的选项