一般的な JavaScript イベント: クリック、dblclick、マウスアップ、マウスアウト、キープレス、キーダウン、キーアップ、エラー、ロード、サイズ変更、アンロード、ブラー、変更、フォーカス、リセットなど。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript の基本機能の 1 つはイベント駆動型です。いわゆるイベント駆動型とは、ユーザーが特定の操作を実行するか、JavaScript と html 間の対話によって特定の状態変化が生じると、一連のプログラム応答の実行がトリガーされることを意味します。ここで、ユーザの操作をイベントと呼び、イベントに対するプログラムの応答をイベント処理と呼びます。
イベント処理とは、イベントに対するプログラムの応答を指します。 JavaScript の場合、イベントとは、マウスを動かす、キーを押す、ボタンをクリックするなど、ユーザーが Web ページ、または JavaScript と HTML 間の対話後に特定の状態を変更するものを操作するときに発生する操作です。動作ステータスが変化し、アニメーションの実行が完了したことなどが示されます。イベント処理に関わるプログラムをイベントハンドラーと呼びます。通常、イベント ハンドラーは関数として定義されます。
Web ページ内でイベントを生成するインターフェイス要素は、イベント ソースと呼ばれます。同じタイプのイベントを異なるイベント ソースで生成することも、同じイベント ソースで異なるタイプのイベントを生成することもできます。 JS プログラムは、イベント タイプとイベント ソースを指定し、イベント ハンドラーをイベント ソースにバインドします。このようにして、イベント ソースで指定されたタイプのイベントが発生すると、ブラウザーはイベント ソースにバインドされたハンドラーを呼び出します。イベント処理。したがって、イベント処理に関係する作業には、イベント ハンドラーの定義とそのバインディングが含まれます。
Web ページでは、ユーザーが実行できる操作が多数あり、各操作によってイベントが生成されます。 JavaScript でよくあるイベントをいくつか紹介します。
説明 | ## マウスevent | |
---|---|---|
このイベントは、ユーザーがマウスをクリックするとトリガーされます | dblclick | |
mousedown | ||
#mouseup | ||
mouseover | ||
mousemove | ||
#mouseout | ||
mousewheel | ||
DOMMouseScroll | ||
キーボード イベント | ||
ユーザーが特定の文字キーを押したときにこのイベントがトリガーされます | keydown | |
keyup | ||
ウィンドウ イベント | ||
このイベントは、ファイルまたは画像の読み込み中にエラーが発生したときにトリガーされます | load | #このイベントは、ページ コンテンツが読み込まれるときにトリガーされます|
resize | このイベントは、ブラウザー ウィンドウのサイズが変更されるときにトリガーされます | |
unload | 現在のページが閉じられたとき、または終了したとき このイベントをトリガーします | |
フォーム イベント | blur | |
click | このイベントは、ユーザーがチェック ボックス、ラジオ ボタン、通常のボタン、送信をクリックしたときにトリガーされます。ボタン、リセット ボタン、その他のボタン | |
#change | このイベントは、フォーム要素のコンテンツが変更され、要素がフォーカスを失ったときにトリガーされます | |
focus | このイベントは、フォーム要素がフォーカスを取得したときにトリガーされます | |
reset | このイベントは、ユーザーがフォーム要素をクリックしたときにトリガーされますフォーム上のリセット ボタン | |
ユーザーが入力またはテキストエリアのフォーム要素のテキストを選択すると、このイベントがトリガーされます | ||
このイベントは、ユーザーが送信ボタンをクリックしてフォームを送信するとトリガーされます | ||
[関連する推奨事項: | JavaScript の学習]チュートリアル######]######
以上がJavaScriptでよくあるイベントとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。