JavaScriptのイベントハンドリング_基礎知識

イベント処理の概要
イベント処理は、オブジェクトベースのプログラミングの非常に重要な部分です。イベント処理がなければ、プログラムは非常に機能不全になり、柔軟性が欠如します。イベント処理のプロセスは、イベントの発生 - イベント ハンドラーの開始 - イベント ハンドラーの反応のように表現できます。その中で、イベント ハンドラーを開始するには、何かが起こった場合にどのハンドラーを開始するかをオブジェクトに最初に指示する必要があります。そうしないと、プロセスを続行できません。イベント ハンドラーには任意の JavaScript ステートメントを使用できますが、処理には通常、特定のカスタム関数を使用します。
イベントハンドラーを指定するには、次の 3 つの方法があります。
方法 1 HTML タグ内で直接指定します。この方法が最も一般的に使用されます。メソッドは次のとおりです:


例を見てみましょう:

このような タグの定義により、ドキュメントは次のことを行うことができます。読み終わると「Web ページが読み込まれました。ゆっくりお楽しみください」というダイアログ ボックスが表示され、ユーザーが文書を終了する (またはウィンドウを閉じるか、別のページに移動する) と「さようなら」が表示されます。
方法 2: 特定のオブジェクトの特定のイベントに対して JavaScript を作成します。この方法はあまり使用されませんが、状況によっては依然として役立ちます。メソッドは次のとおりです。





メソッド 3 は JavaScript で説明されています。メソッド: .
=
; <script> <BR>... <BR>(事件处理程序代码) <BR>... <BR></script><script> <BR> alert('网页读取完成，请慢慢欣赏！'); <BR></script>このメソッドで注意すべき点は、「イベント ハンドラー」は、形式のコードではなく、実際のコードであるということです。弦。イベント ハンドラーがカスタム関数の場合、パラメーターを使用する必要がない場合は、「()」を追加しないでください。
functionignoreError() {
return true;
}
window.onerror =ignoreError; // "()" は使用されません

この例では、ignoreError() 関数を定義しますas window オブジェクトの onerror イベントのハンドラー。その効果は、ウィンドウ オブジェクトの下のエラーを無視することです (アクセスを許可しない位置オブジェクトの参照によって発生する「許可なし」エラーは無視できません)。

イベントの詳細



onblur イベントは、ウィンドウがフォーカスを失ったときに発生します。適用対象: window オブジェクト

onchange イベントは、テキスト入力領域の内容が変更され、フォーカスがテキスト入力領域から移動した後に発生します。このイベントのキャプチャは、主に入力の有効性をリアルタイムで検出するため、またはドキュメントの内容を即座に変更するために使用されます。適用対象: Password オブジェクト、Select オブジェクト、Textarea オブジェクト

オブジェクトがクリックされると発生します。クリックとは、マウスをオブジェクト上に置き、マウス ボタンを押し、マウスを動かさずにマウス ボタンを放すという完全なプロセスを指します。通常のボタン オブジェクト (Button) には、通常、onclick イベント ハンドラーがあります。これは、この種のオブジェクトはユーザーから情報をまったく取得できず、onclick イベント ハンドラーがなければ役に立たないためです。 onclick イベント ハンドラーをボタンに追加すると、イベント ハンドラーでアクション、ターゲット、エンコーディング、メソッドなどのフォームの 1 つ以上の属性を変更し、フォームの submit() メソッドを呼び出すことで、「別の送信ボタン」をシミュレートできます。 Link オブジェクトの onclick イベント ハンドラーで false を返すと、ブラウザーはこの接続を開けなくなります。つまり、Go! のようなリンクがある場合、ユーザーがブラウザでの JavaScript の実行を禁止しない限り、ユーザーがどのようにクリックしても、www.a.com Web サイトにはアクセスしません。 。適用対象: Button オブジェクト、Image オブジェクト、Reset オブジェクト、エラーが発生すると、

イベントが発生します。そのイベント ハンドラーは通常「エラー ハンドラー」と呼ばれ、エラーを処理するために使用されます。前述したように、すべてのエラーを無視するには、次を使用します。

onfocus イベントは、ウィンドウがフォーカスを取得したときに発生します。適用対象: window オブジェクト

onload イベントは、すべてのドキュメントがダウンロードされるときに発生します。すべてのダウンロードが完了すると、HTML ファイルだけでなく、含まれるすべての画像、プラグイン、コントロール、アプレットなどがダウンロードされたことになります。このイベントはウィンドウイベントですが、HTMLでイベントハンドラを指定する場合は
タグ内に記述します。適用対象: window オブジェクト

onmousedown イベントは、ユーザーがオブジェクト上にマウスを置いてマウス ボタンを押すと発生します。 onmouseup イベントを参照してください。適用対象: Button オブジェクト、Link オブジェクト

マウスがオブジェクトから離れると、onmouseout イベントが発生します。 onmouseover イベントを参照してください。適用対象: リンク オブジェクト
onmouseover イベントは、マウスがオブジェクト範囲に入ると発生します。このイベントと onmouseout イベントを画像の事前読み取りと組み合わせることで、マウスが画像接続上を移動したときに画像を変更する効果を実現できます。接続をポイントすると、ステータス バーにアドレスが表示されないことがありますが、これらの情報はいつでも変更できるようです。



適用対象: リンク オブジェクト

onmouseup イベントは、ユーザーがオブジェクト上にマウスを置き、マウス ボタンが押されたときに発生します。マウスボタンを放します。マウスが放されたオブジェクト上にマウスがないときにマウス ボタンが押された場合、このイベントは発生しません。適用対象: Button オブジェクト、Link オブジェクト
onreset イベントは、フォームの「リセット」ボタンがクリックされる (押して放す) と発生します。フォームのリセットは、イベント ハンドラーで false を返すことで防ぐことができます。適用対象: フォーム オブジェクト

onresize イベントは、ウィンドウのサイズが変更されるときに発生します。適用対象: window オブジェクト

onsubmit イベントは、フォームの「送信」ボタンがクリックされた (押して放した) ときに発生します。このイベントを使用して、フォームの有効性を確認できます。イベント ハンドラーで false を返すことにより、フォームの送信を防ぐことができます。適用対象: フォーム オブジェクト

onunload イベントは、ユーザーがドキュメントを終了する (またはウィンドウを閉じるか、別のページに移動する) ときに発生します。 onloadと同様にHTMLで書きたい場合はタグ内に書きます。一部の Web マスターは、この方法を使用して「アンケート フォーム」をポップアップし、訪問者に入力を「強制」します。また、訪問者にリンクをクリックするよう促すポップアップ広告ウィンドウもあります。この「onunload="open..."」メソッドは非常に悪い方法だと思います。ポップアップするウィンドウが多すぎてリソースが不足することもあります。訪問者に言いたいことがあるなら、ウェブページで言うべきですよね？適用対象: ウィンドウ オブジェクト