ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptでよくあるイベントとは何ですか

JavaScriptでよくあるイベントとは何ですか

青灯夜游
青灯夜游オリジナル
2021-06-22 18:25:302499ブラウズ

一般的な JavaScript イベント: クリック、dblclick、マウスアップ、マウスアウト、キープレス、キーダウン、キーアップ、エラー、ロード、サイズ変更、アンロード、ブラー、変更、フォーカス、リセットなど。

JavaScriptでよくあるイベントとは何ですか

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript の基本機能の 1 つはイベント駆動型です。いわゆるイベント駆動型とは、ユーザーが特定の操作を実行するか、JavaScript と html 間の対話によって特定の状態変化が生じると、一連のプログラム応答の実行がトリガーされることを意味します。ここで、ユーザの操作をイベントと呼び、イベントに対するプログラムの応答をイベント処理と呼びます。

イベント処理とは、イベントに対するプログラムの応答を指します。 JavaScript の場合、イベントとは、マウスを動かす、キーを押す、ボタンをクリックするなど、ユーザーが Web ページ、または JavaScript と HTML 間の対話後に特定の状態を変更するものを操作するときに発生する操作です。動作ステータスが変化し、アニメーションの実行が完了したことなどが示されます。イベント処理に関わるプログラムをイベントハンドラーと呼びます。通常、イベント ハンドラーは関数として定義されます。

Web ページ内でイベントを生成するインターフェイス要素は、イベント ソースと呼ばれます。同じタイプのイベントを異なるイベント ソースで生成することも、同じイベント ソースで異なるタイプのイベントを生成することもできます。 JS プログラムは、イベント タイプとイベント ソースを指定し、イベント ハンドラーをイベント ソースにバインドします。このようにして、イベント ソースで指定されたタイプのイベントが発生すると、ブラウザーはイベント ソースにバインドされたハンドラーを呼び出します。イベント処理。したがって、イベント処理に関係する作業には、イベント ハンドラーの定義とそのバインディングが含まれます。

Web ページでは、ユーザーが実行できる操作が多数あり、各操作によってイベントが生成されます。 JavaScript でよくあるイベントをいくつか紹介します。

#イベント## マウスeventclickこのイベントは、ユーザーがマウスをクリックするとトリガーされますdblclickこのイベントは、ユーザーがマウスをクリックしたときにトリガーされますマウスをダブルクリックしますmousedownこのイベントは、ユーザーがマウスを押したときにトリガーされます#mouseupユーザーがマウスを押した後、マウスが放されるとこのイベントがトリガーされますmouseoverこのイベントは、ユーザーがマウス カーソルをマウスの上に移動するとトリガーされますオブジェクト範囲mousemoveこのイベントは、ユーザーがマウスを移動するとトリガーされますこのイベントは、ユーザーのマウス カーソルがオブジェクトのスコープから外れたときにトリガーされます。 Eventこのイベントは、マウス ホイールがスクロールされたときに発生します。 IE および Chromeこのイベントは、マウス ホイールが回転すると発生し、標準ブラウザで有効ですkeypressこのイベントユーザーのキーボードのキーが押されたときにトリガーされますこのイベントは、ユーザーのキーボードのキーが押されてから放されたときにトリガーされます error#このイベントは、ページ コンテンツが読み込まれるときにトリガーされますresizeこのイベントは、ブラウザー ウィンドウのサイズが変更されるときにトリガーされますunload現在のページが閉じられたとき、または終了したとき このイベントをトリガーしますフォーム イベントblurフォーム要素がフォーカスを失ったときにこのイベントをトリガーするclickこのイベントは、ユーザーがチェック ボックス、ラジオ ボタン、通常のボタン、送信をクリックしたときにトリガーされます。ボタン、リセット ボタン、その他のボタン#selectユーザーが入力またはテキストエリアのフォーム要素のテキストを選択すると、このイベントがトリガーされますsubmitこのイベントは、ユーザーが送信ボタンをクリックしてフォームを送信するとトリガーされますJavaScript の学習]チュートリアル######]######
#JavaScript 共通イベント
説明
#mouseout
mousewheel
DOMMouseScroll
キーボード イベント
ユーザーが特定の文字キーを押したときにこのイベントがトリガーされます keydown
keyup
ウィンドウ イベント
このイベントは、ファイルまたは画像の読み込み中にエラーが発生したときにトリガーされます load
#change このイベントは、フォーム要素のコンテンツが変更され、要素がフォーカスを失ったときにトリガーされます
focus このイベントは、フォーム要素がフォーカスを取得したときにトリガーされます
reset このイベントは、ユーザーがフォーム要素をクリックしたときにトリガーされますフォーム上のリセット ボタン
[関連する推奨事項:

以上がJavaScriptでよくあるイベントとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。