別の div をクリックすると表示と非表示が切り替わる div があります。ユーザーがブラウザウィンドウ全体を最小化すると自動的に切り替わり、div がビューから非表示になるようにコードを変更して、ユーザーがウィンドウの最小化を解除すると div が表示されなくなるようにするにはどうすればよいでしょうか。
3 に答える
ウィンドウを最小化する (または別のアプリケーションに切り替える) と、window.onblurイベントが発生します。ウィンドウをアクティブにすると、 window.onfocusが起動するはずです
実装の詳細はブラウザーによって若干異なる場合がありますが、デフォルトの JavaScript にはこれ以上の方法はないようです (フラッシュがウィンドウの最小化/最大化を検出して必要なイベントを発生させることができる場合は、フラッシュ オブジェクトを使用できるかもしれませんが、私はフラッシュに詳しくありません)。 )
クイック検索から、イベントをウィンドウのサイズ変更イベントにアタッチし、そこから必要なトグル関数を通常どおり呼び出すことができるように見えます。リンクされたサンプルを実際にテストしたことはありませんが...
$(window).bind('resize', function() { ....
http://snipplr.com/view/6284/jquery--window-on-resize-event/
JavaScript では、ウィンドウが最小化されたことを検出する方法がありません。
ウィンドウのサイズ変更またはぼかしイベントの検出を試みることもできますが、それらは最小化以外のものによってトリガーされる可能性があります。