你如何在窗口捕獲mouseout？

Question

問題沒有得到答案 （如果你能提供代碼可以工作而不是谷歌搜索我的問題，並鏈接到甜蜜的互聯網點的任何答案，那么我會接受它作為答案。但因為我已經去過所有這些問題不會假裝它們有效，除非你能提供你測試的實際代碼）

如果你這樣做

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

您可以在窗口的左側或右側進行鼠標移除，但不會觸發事件。 我在這里做了一個jsfiddle但它實際上工作正常，因為iframe周圍有一個邊框。

那么知道鼠標是否離開窗戶的最佳方法是什么？ 我可以在頁面周圍放一個1px邊框（由4個div組成）。 我可以監視x / y並判斷鼠標是否在邊緣。 但理想情況下，$（window）.on（“mouseout”，foo）會告訴我鼠標何時離開窗口。

Answer 1

這個答案是有效的： https ： //stackoverflow.com/a/3187524/2831645

使用jQuery，你可以像這樣重寫代碼：

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

該代碼已在最新的Firefox和Chrome上進行了測試。