イベント処理の概要
イベント処理は、オブジェクトベースのプログラミングの非常に重要な部分です。イベント処理がなければ、プログラムは非常に機能不全になり、柔軟性が欠如します。イベント処理のプロセスは次のように表現できます: イベントの発生 - イベント ハンドラーの開始 - イベント ハンドラーの反応。その中で、イベント ハンドラーを開始するには、何かが起こった場合にどのハンドラーを開始するかをオブジェクトに最初に指示する必要があります。そうしないと、プロセスを続行できません。イベント ハンドラーには任意の JavaScript ステートメントを使用できますが、通常は特定のカスタム関数を使用して処理します。
イベントハンドラを指定するには3つの方法があります:
方法1 HTMLタグ内に直接指定します。この方法が最も一般的に使用されます。メソッドは次のとおりです:
例を見てみましょう:
このような タグの定義により、ドキュメントが読み取られたときに、「Web ページは読み込まれました。ゆっくりお楽しみください」というダイアログ ボックスがポップアップ表示され、ユーザーが終了するときにメッセージが表示される可能性があります。文書を開くと (ウィンドウを閉じるか、別のページに移動するか)、「さようなら」がポップアップ表示されます。
方法 2: 特定のオブジェクトの特定のイベント用の JavaScript を作成します。この方法はそれほど頻繁には使用されませんが、状況によっては依然として役立ちます。メソッドは次のとおりです:
<スクリプト言語="JavaScript" for="window"event="onload">
alert(Webページが読まれています、ごゆっくりお楽しみください!);
方法3をJavaScriptで説明します。メソッド:
このメソッドで注意すべき点は、「イベント ハンドラー」は文字列形式のコードではなく、実際のコードであるということです。イベント ハンドラーがカスタム関数の場合、パラメーターを使用する必要がない場合は、「()」を追加しないでください。
functionignoreError() {
return true;
}
window.onerror =ignoreError; // "()" は使用されません
この例では、ignoreError() 関数を window オブジェクトの onerror イベントのハンドラーとして定義しています。その効果は、ウィンドウ オブジェクトの下のエラーを無視することです (アクセスを許可しない位置オブジェクトの参照によって発生する「許可なし」エラーは無視できません)。
イベントの詳しい説明
onblur イベントは、ウィンドウがフォーカスを失ったときに発生します。適用対象: window オブジェクト
onchange イベントは、テキスト入力領域の内容が変更され、フォーカスがテキスト入力領域から移動した後に発生します。このイベントのキャプチャは、主に入力の有効性をリアルタイムで検出するため、またはドキュメントの内容を即座に変更するために使用されます。適用対象: Password オブジェクト、Select Text オブジェクト、Textarea オブジェクト
オブジェクトがクリックされると、onclick イベントが発生します。クリックとは、マウスをオブジェクト上に置き、マウス ボタンを押し、マウスを動かさずにマウス ボタンを放すという完全なプロセスを指します。通常のボタン オブジェクト (Button) には、通常、onclick イベント ハンドラーがあります。これは、この種のオブジェクトはユーザーから情報をまったく取得できず、onclick イベント ハンドラーがなければ役に立たないためです。 onclick イベント ハンドラーをボタンに追加すると、イベント ハンドラーでアクション、ターゲット、エンコーディング、メソッドなどのフォームの 1 つまたは複数の属性を変更し、次の submit() メソッドを呼び出すことで、「別の送信ボタン」をシミュレートできます。フォーム。 。 Link オブジェクトの onclick イベント ハンドラーで false を返すと、ブラウザーは接続を開けなくなります。つまり、次のような接続がある場合: http://www.a.com" false">Go! onerror イベントが発生します。そのイベント ハンドラーは通常「エラー ハンドラー」と呼ばれ、エラーを処理するために使用されます。前述したように、すべてのエラーを無視するには、次を使用します:
functionignoreError() {
return true;
}
window.onerror =ignoreError;
適用先: window object
onfocus イベントは、ウィンドウがフォーカスを取得したときに発生します。適用対象: window オブジェクト
onload イベントは、すべてのドキュメントがダウンロードされるときに発生します。すべてのダウンロードが完了しました。これは、HTML ファイルだけでなく、含まれるすべての画像、プラグイン、コントロール、アプレットなどもダウンロードされたことを意味します。このイベントはウィンドウイベントですが、HTMLでイベントハンドラを指定する場合は