JavaScriptにおけるイベントハンドリング
4080 ワード
イベントハンドリング概要イベントハンドリングは、オブジェクト化プログラミングの重要な一環であり、イベントハンドリングがないと、プログラムがデッドエンドになり、柔軟性に欠ける.イベント処理のプロセスは、イベントが発生することと、イベントハンドラが起動することと、イベントハンドラが反応することとを表してもよい.この中で、イベントハンドラを起動させるには、まず対象に何かあったら、どのような処理プログラムを起動しますか?イベントの処理手順は任意のJavaScript文でもいいですが、私たちは特定のカスタム関数で物事を処理します.イベントハンドラを指定するには、メソッドを直接HTMLマークに指定する3つの方法があります.この方法は最も一般的に使われている.方法は:
方法二特定対象特定イベントのJavaScriptを作成する.この方法は少ないですが、場合によっては使いやすいです.方法は:
事件の詳細 onblur事件は窓が焦点を失う時に発生します.应用于:windowオブジェクト onchangeイベントはテキスト入力エリアの内容が変更され、テキスト入力エリアからフォーカスが移動した後に発生します.このイベントは、入力の有効性をリアルタイムで検出するか、文書の内容をすぐに変更するために使用されます.適用先:Passwordオブジェクト;アウトラインオブジェクト;TextオブジェクトTextareaオブジェクト onclickイベントは、オブジェクトがクリックされた時に発生します.クリックはマウスがオブジェクトに止まって、マウスボタンを押して、マウスを移動せずにマウスボタンを離すという完全なプロセスです.普通のボタンのオブジェクトは通常、Oclickイベントハンドラがあります.このようなオブジェクトはユーザから何の情報も得られません.Oclickイベントハンドラがないと廃棄物になります.ボタンにonclickイベントハンドラを追加して、「もう一つのサブミットボタン」をシミュレーションできます.イベントハンドラでフォームのaction、target、encoding、methodなどの1つまたは複数の属性を変更して、フォームのsubmit()を呼び出す方法です.Linkオブジェクトのonclickイベントハンドラでfalse値を返します.ブラウザがこの接続を開くのを防ぐことができます.つまり、もしこのような接続があったら、http://www.a.com"onclick="return falseGoa>、ユザがどうなっていますか?クククしても、JavaScriptをブラザーで実行することと禁止することの制限、www.a.comサイには行きます。Image Oブジクリンクオーブジェーゼオーブト オーロラ事件はエラが発生したときに発生します。そのイベンドラは通常「エラハーンドラン」と呼ばれ、エラを処理するために使用されます。上で紹介しました。 return true;window.onerror=ignoreErr;应用于:windowオーブジェクト onfocus事件はウェルドがフォローするときに発生します。 Oloadイベンは、ドキムメート全体のダウロドが完了したということです。そして、画像、プレン、コール、コールが完了したということです。イ.ジェッテ.などをべてのコンテ-トがダウロ-ドされたということです。ここのイベンはwindowのイベンですが、HTMLではイベンドーが指定された場合、私達はbodyです。 onmousedownイベンは、ユザがマウスをオブジに置いています。マイボを押せば、生きます。onmouseup事件を参考にします。Buttonブジクに適用します。Link.Link.ebo.eup事件を参考にします。 onmouseoutイベンはマウスがオーブトを離れた時に発生します。onmouseoverイベンベンを参照してください。適用先:Linkobuジェクト onmouseoverイベンは、マウが対象范囲に入るときに発生します。ここのイベンには、オモuseoutイベンと、画像の予読をプラスして、マウスを画像に移动すると、画像の変更効果が分かります。彼の資料が表示されます。ここからの資料は随時変更されます。それはここのよにしてください。<a href="…"onmouseover="window.status='Clant Me Please!';return true;"onmousout="window.staturn=" onmouseupベトは、ユザがマウスをオブジに置きましたまままますけを押せた場合、マウスタンを離れたところに発生します。マウスタボンを押せば、ということです。マルスがマウスを離す対象にならないといけないとイベンは発生しました。すみません。Button Oブジェに適用します。リンクオーブト。 Oreet ebentは、フォ-ムの「リアル」ボックスがクリックされたということです。(押して放しました)ということです。イベンホームでfalse値を返します。ということです。フォ-ムのリタ-クということです。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 オーストリア事件は、ウェンドウのサイが调整されたものとして発生しました。 onsubmitイベンは、フォイムの「サブミット」ボタがクリックされた時に発生します。ここのイベンを使って、フォローの有効性をチェックすることです。フォ-ムの配信を阻止することができます。アプリケ-ションショー:Formオーブジェクト onloadイベンは、ユ・ザ・ドキーを终わらせる(まだですが、ユンドウを闭じたまま、别のページに行く)と、Oloadと同じように、HTMLに书く「body」と、强制的に弾きます。で記入します。ありものは广告します。はい、ジェックして、利用者に接続してください。ここのよの「onunload=「open...」の方法はよくないと思います。时々、多いのです。ウェルドウをイジェックすることと、リソースが足りないことともあります。来た人に何かを教えてくれます。そして、话してもいいですか?
< ... ... =" " [ =" " ...]>
例を見てみましょう.<body ... onload="alert(' , !')" onunload="alert(' !')">
このような定義<body>マークは、ドキュメントの読み取りが終了したときにダイアログが開きます.ユーザーがドキュメントを終了する(またはウィンドウを閉じたり、別のページに行く)ときに「さようなら」が表示されます.方法二特定対象特定イベントのJavaScriptを作成する.この方法は少ないですが、場合によっては使いやすいです.方法は:
<script language="JavaScript" for=" " event=" ">
...
( )
...
</script>
<script language="JavaScript" for="window" event="onload">
alert(' , !');
</script>
方法三はJavaScriptで説明します.方法:< - >.< > = < >;
この方法で注意したいのは、「イベントハンドラ」は文字列形式のコードではなく本当のコードです.イベントハンドラがカスタム関数である場合は、パラメータを使用する必要がない場合は「()」を追加しないでください.function ignoreError() {
return true;
}
window.onerror = ignoreError; // “()”
この例では、ignoreError関数をwindowオブジェクトのオンerrorイベントの処理プログラムと定義します.その効果は、windowオブジェクトの下のエラーを無視することです.(参照が許可されていないlocationオブジェクトから生じる「権限なし」エラーは無視できません.)事件の詳細