JSブラウザイベント入門_JavaScriptスキル

ブラウザ イベント
ブラウザ イベントは、ドキュメントの読み込みイベント onload、ドキュメントの終了イベント onunload、ブラウザのフォーカス喪失イベント onblur、フォーカスの獲得イベント onfocus など、ドキュメントの読み込みからドキュメントが閉じるまでのブラウザ イベントを指します。 。

まず次のコードを調べます:

コードをコピーします コードは次のとおりです:

//ソースプログラム 3.1
"http://www.w3.org/TR/REC- html140/strict.dtd">





body>

ドキュメントの読み込み:

フォーカスの取得:

フォーカスの喪失:

< /p>

上記のソース プログラムを *.html (または *.htm) ドキュメントとして保存します。ドキュメントをダブルクリックすると、システムはデフォルトのブラウザを呼び出して閲覧します。


ドキュメントがロードされると、window.load イベントがトリガーされ、図 3.2 に示すように警告ボックスがポップアップ表示されます。




図 3.2 ドキュメントのロード時に window.load イベントがトリガーされます

フォーカスがドキュメント ページ (ウィンドウ) に与えられると。 onfocus イベントがトリガーされると、図 3.3 に示すように警告ボックスが表示されます。
図 3.3 ドキュメントがフォーカスを取得すると window.onfocus イベントがトリガーされます

ページがフォーカスを失うと、window.blur イベントが発生しますトリガーされ、警告がポップアップ表示されます。 フレームを図 3.4 に示します。
図 3.4 ドキュメントがフォーカスを失ったときに window.onblur イベントがトリガーされる

ユーザーがスクロール バーをドラッグすると、window.onscrollイベントがトリガーされてポップアップする 警告ボックスを図 3.5 に示します。
図 3.5 スクロール バーをドラッグして window.onscroll イベントをトリガーする

ユーザーがドキュメントのページ サイズを変更すると、window.onresizeイベントがトリガーされると、図 3.6 に示すように警告ボックスが表示されます。
図 3.6 ドキュメントのページ サイズを変更し、window.onresize イベントをトリガーする

ブラウザ イベントは通常、ウィンドウの位置決めの処理やタイマーの設定に使用されます。ユーザーの好みに応じてページ階層やコンテンツを設定する場合など、ページの対話性やダイナミクスに広く使用されています。
注: Netscape Navigator 4 は、ユーザーが現在のブラウザ ウィンドウを移動したときにトリガーされる window.onmove イベントをサポートしています。これは主にウィンドウの位置決めに使用されます。 Internet Explorer は window.onmove イベントをサポートしていません。