window.onblurが動作しない

Question

window.onblurが正しく動作するように見えません。

window.onblur = console.log('blur'); 

リスナーがウィンドウに適用されると、ページがロードされたときにのみリスナが実行されますが、フォーカスが失われたときはリスナーが実行されません。

Answer 1

window.onblur = function() { console.log('blur'); } 

Answer 2

Ryudiceは何をするかあなたに言ったが、それはあなたのように動作しなかった理由を説明しませんでした。それの仕組みを理解することで、さらに進める方法を理解するのに役立ちます。

理由は、元のコードがすぐconsole.log('blur')のコマンドを実行している、とのonblurイベントウィンドウとしてその呼び出しの戻り値を使用していることです。

戻り値console.log()はブラウザによって異なりますが、引数として、ブール値trueを返します。つまり、元のコードは次のように書かれています。

window.onblur = true; 

これは明らかに期待通りに動作しません。

window.onblurは、onblurイベントがトリガーされるたびに呼び出される関数に設定する必要があります。これは、Ryudiceの答えに従ってコードをfunction() {}にラップすることで実現します。

また、呼び出す関数名に角括弧を付けないことで簡単に実現できます。しかし、このメソッドは関数に渡す引数がない場合にのみ機能しますので、console.logの例には適しません。

希望に役立ちます。あなたがまだ困惑しているなら、ウェブにはたくさんのリソースがあります。 "javascript関数を引数として渡す"のようなフレーズでグーグルグーグルで試してみてください。

Answer 3

window.onblur =() => console.log("blur");