你如何在窗口捕获mouseout？

Question

问题没有得到答案(如果你能提供有效的代码,而不是谷歌搜索我的问题,并链接到甜蜜的互联网点上的任何答案,那么我会接受它作为答案.但是因为我已经去过所有人这些问题不会假装它们有效,除非你能提供你测试的实际代码)

如果你这样做

$(window).on("mouseout", function() { alert("OUT"); });

您可以在窗口的左侧或右侧进行鼠标移除,但不会触发事件.我在这里做了一个jsfiddle 但它实际上工作正常,因为iframe周围有一个边框.

那么知道鼠标是否离开窗户的最佳方法是什么？我可以在页面周围放一个1px边框(由4个div组成).我可以监视x/y并判断鼠标是否在边缘.但理想情况下,$(window).on("mouseout",foo)会告诉我鼠标何时离开窗口.

Answer 1

这个答案有效：/sf/answers/223126711/

使用 jQuery，您可以像这样重写代码：

$(window).on("mouseout", function(e) {
    if(!e.relatedTarget || e.relatedTarget.nodeName == 'HTML') {
        alert('left window');
    }
});

该代码已在最新的 Firefox 和 Chrome 上进行了测试。