最初のクリックはページの読み込み後無視されます

このWebページには、コンテキストメニューを開くブロックを右クリックすると、単純なイベントリスナーがあります。十分に単純です。最初のクリックはページの読み込み後無視されます

しかし、ページをリフレッシュするときや、ページの最初の読み込み時に、ページを右クリックして開始するとコンテキストメニューが表示され、そのあとマウスの右ボタンをクリックするとブロックされます。 Chrome、FireFox、IEで試しました。同じ結果。

マウスダウン、キーダウン、またはタッチイベントなどで同じことが発生します。これは最初のクリックが無視されるようなものです。 JavaScriptソリューション（jqueryではなく）を探しています。私は何が欠けていますか？

<html> 
<head> 
<title>test</title> 
<script type="text/javascript"> 
window.onload = function() { 
    window.addEventListener("contextmenu", mouseright); 
} 
function mouseright() { 
    document.oncontextmenu = function(e) { 
     var e = e || window.event; 
     alert("right"); 
     e.preventDefault(); 
    } 
} 
</script> 
</head> 
<body> 
hello world 
</body> 
</html>

私も（この記事keydown not detected until window is clickedのように）イベントリスナーの前にこれを追加しようとしたが、document.onloadで運がなかったし、それはページの負荷設定で可能なブラウザの焦点になることができることを見ました。私がJavaScriptで試したことのない考えや考え方はありますか？

if (document.hasFocus() == true) { 
    } else { 
    window.focus(); 
    }

出典

2016-04-01 Dr. Aaron Dishno

window.onloadを削除します。イベントリストより上位のマウスの位置を設定します。 – KoIIIeY

ページがロードされている間に最初のクリックが呼び出される前に、最初のクリックが発生すると思います。 – KoIIIeY

'mouseright（）'は最初のクリックで呼び出されますが、 'contextmenu'イベントは既に発生しています'が呼ばれた）。 'oncontextmenu'を上書きすると、現在の*実行は変更されませんが、* next *の実行が変更されます。 –

あなたは不必要に二回（window.contextmenuとdocument.oncontextmenu両方など）イベントを割り当てています。余分なラッパーを削除すると動作するようです：

window.onload = function() { 
    window.addEventListener("contextmenu", mouseright); 
} 
function mouseright(e) { 
    var e = e || window.event; 
    alert("right"); 
    e.preventDefault(); 
}

（window.onloadはまた、あなたが文書でaddEventListenerを置く場所に応じて、不要かもしれません。）

出典

2016-04-01 14:42:03

最初のクリックはページの読み込み後無視されます

答えて

関連する問題