マウスボタンが押されていてカーソルがビューポートから外れているときのマウスの抜けを検出する方法は？

Question

マウスボタンが押されていても、ユーザーがビューポートの外にマウスを移動したとき（例：マウスはブラウザのアドレスバーにある）を検出する必要があります。

mouseoutとmouseleaveを使用して検出することができますが、マウスボタンを押したままビューポートから移動すると、これらのイベントは発生しません。

どのようにすればこの問題を解決できますか？

私はFFとChromeの最新バージョンをターゲットにしています。

http://jsbin.com/gesehoneri/edit?html,output

document.addEventListener('mouseout', function() { 
    console.log('mouseout'); 
}) 
document.addEventListener('mouseleave', function() { 
    console.log('mouseleave'); 
}) 

Answer 1

この試してみてください：あなたはウィンドウ内のボタンを押すと、それを保持し、窓の外にマウスを移動し、このコードで

document.addEventListener('mousemove', function(e) { 
 
    var top = e.pageY; 
 
    var right = document.body.clientWidth - e.pageX; 
 
    var bottom = document.body.clientHeight - e.pageY; 
 
    var left = e.pageX; 
 
    if (top < 10 || right < 10 || bottom < 10 || left < 10) { 
 
    console.log('Mouse is out the viewport!'); 
 
    } 
 
});

body, 
 
html { 
 
    height: 100%; 
 
}

Answer 2

を、テキストを記録します。これはあなたを助けますか？

function myFunctioName(e){ 
    if(e.pageY < 0 || e.pageY > window.innerHeight) { 
     console.log("outside window vertical"); 
    }; 

    if(e.pageX < 0 || e.pageX > window.innerWidth) { 
     console.log("outside window horizontal"); 
    }; 
} 

window.addEventListener("mousemove", myFunctioName); 
window.addEventListener("mousedown", myFunctioName); 

JQueryなしで使用するために更新され、両方向が含まれています。