イベント：
コンセプト：一部のコンポーネントは、特定の操作を行っている、いくつかのコードの実行をトリガ
*イベントの次のようないくつかの操作、：クリック、ダブルクリックは、キーボードを押すと、マウスが移動します
*イベントソース：コンポーネント。以下のような：ボタンテキスト入力ボックス....
*リスナー：コード
*登録済みリスナー：イベント、イベントソース、リスナーの組み合わせ。イベントは、イベントソースを発生すると、リスナーのコードの実行をトリガー
一般的なイベント：
1. Clickイベント：
オブジェクトをユーザーがクリックすると、イベントハンドラを呼び出したときに1、のonclick（イベントをクリックしてください）
2、れるondblclick（ダブルクリックしてイベント）
2、イベントの焦点
1、onBlurイベント：フォーカスを失います
一般的な形式の確認
要素がフォーカスを取得します。ONFOCUS 2、
3. Loadイベント：
図1に示すように、オンロード：ページまたは画像終了ローディング
4、マウスイベント：
1、れるonmousedownマウスボタンが押されました
*イベントオブジェクトを受け取る、パラメータを定義するためのプロセスを定義します
*マウスボタンを取得することができ、イベントオブジェクトのボタンプロパティは、ボタンをクリックします
2は、onMouseUpのマウスボタンが解放されます
3れるonmousemoveマウスを移動させます
図4に示すように、素子上のonmouseoverマウス
マウスが要素から移動さONMOUSEOUT 5、
5、キーボードイベント：
1、キーボードのキーが押されているのにonKeyDown
2は、onkeyupのキーボードのキーが解放されます
3、onkeypressでは、キーボードのリリースボタンが押されました
6、選択と変更
1は、内容のフィールドが変更されたのonchange
2は、ONSELECTテキストが選択されています
7、フォームのイベント：
1、をonSubmit確認ボタンをクリックします
*あなたは、フォーム送信を停止することができます
*メソッドは、フォームの送信がブロックされ、falseを返します
2は、onresetリセットボタンがクリックされました
<！DOCTYPE HTML > < HTML LANG = "EN" > < 頭> < メタ文字コード= "UTF-8" > < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > < メタHTTP -equiv = "X-UA-互換性のある" コンテンツ= "IE =エッジ" > < タイトル>常见事件</ タイトル> < スクリプト> 2れるondblclick（イベントをダブルクリック） 2、イベントの焦点 のonblur 1：失うフォーカス 2、ONFOCUSを：要素がフォーカスを受け取る 3、ロード・イベント： 1、オンロード：ページまたは画像が終了したローディング 4、マウスイベント： 1れるonmousedownマウスボタンが押下された 2マウスボタンが解放されるonMouseUpの、 3をれるonmousemoveマウスが移動した 4、のonmouseover要素の上にマウス 5、マウスがONMOUSEOUT要素から移動される キーボードイベント、5： 1、キーボードにonKeyDown押された キーボードのキーが解放されるOnKeyUpを、2 3押圧及び解放されたキーボードのキーのONKEYPRESS、 6を選択し、変更する ドメインのコンテンツをONCHANGE変更される 2、ONSELECTテキストが選択されている フォームのイベントは、7： 1は、onSubmit検証確認ボタンをクリックすると クリックされたボタンをリセットonreset、2 * / // 2、ロードされたonloadイベント window.onload = 関数（）{ // 1、失われたフォーカスイベント。 のdocument.getElementById（" ユーザ名" ）.onblur = 関数（）{ アラート（" の....焦点を失う" ）; } // 3結合要素イベントの上にマウスを移動させる のdocument.getElementById（「ユーザ名」）.onmouseover = 関数（）{ アラート（「にマウス..... 」）; } // 4、結合したマウスクリックイベントを document.getElementById（" ユーザ名" ）.onmousedown = 関数（イベント）{ アラート（" マウスクリック... " ）; アラート（event.buttonを） } のdocument.getElementById（" ユーザ名" ）.onkeydown = 関数（イベント）{ // 警告（ "マウスクリック..."）; IFは（event.keyCode == 13である）{ アラート（" フォームを送信" ）; } } document.getElementById（" ユーザ名" ）.onchange = 関数（イベント）{ アラート（" 変更... " ） } のdocument.getElementById（" 市" ）.onchange = 関数（イベント）{ アラート（「変更します。 ... " ） } のdocument.getElementById（" フォーム" ）.onsubmit = 関数（）{ // のユーザー名形式かどうかをチェック VARフラグ= 偽; リターンフラグ。 } 関数checkForm（）{ 戻り 偽。 } } </ スクリプト> </ ヘッド> < 身体> <！ - 関数fun（）{ checkFormを返します。 } - > < フォームアクション= "＃" ID = "フォーム" のonclick = "checkFormを返す（）" > < 入力名= "ユーザ名" ID =」 < 選択し、ID = "都市" > < オプション> -请选择- </ オプション> < オプション> 北京 </ オプション> < オプション> 上海 </ オプション> < オプション> 广州 </ オプション> </ 選択> < 入力タイプ= "送信" 値を= "提交" > </ フォーム> </ ボディ> </ HTML >