イベント処理
1.イベントソース:任意のHTML要素(ノード)、ボディ、Div、ボタン
2。イベント:操作
ねずみ:
クリック
dblickダブルクリック
oncontextmenuテキストメニュー
コードコピーは次のとおりです。
<body oncontextmenu = "return false"> //右クリックプログラムを禁止します
マウスオーバープット
マウスアウト
ムーズダウン
マウスアップリフト
Mousemoveマウス
キーボード:
キープレスキーボードイベント
キーアップリフト
キーダウン
書類:
負荷負荷
オンロードは、ページが読み込まれた後に発火するイベントです
近くにアンロードします
Protectedunloadが閉じられる前
形状:
フォーカスイベント
Blurは焦点を失います
送信イベントを送信します
変更イベントの変更
他の:
スクロール
SELECTSTART [イベント]を選択します
3。イベントハンドラー
最初のタイプ:
フォーマット:<event = "event Handler" />のタグ
例:
コードコピーは次のとおりです。
<スクリプト>
関数show(){
var one = document.getElementById( "One");
アラート(one.innertext);
}
見せる();
</script>
<body>
<div id = "one">
wwwwwwwwwwwwwwwwwwwwww
</div>
<入力型= "ボタン" onclick = "show()" value = "show">
2番目のタイプ:
JavaScriptオブジェクトの直接ハンドラー
コードコピーは次のとおりです。
<div id = "two">
こんにちは、wulin.com//www.vevb.com
</div>
<スクリプト>
var one = document.getElementById( "2");
one.onclick = function(){
this.style.backgroundcolor = "red";
}
</script>
3番目のタイプ:
基本的に誰もそれを使用しません
コードコピーは次のとおりです。
<script for = "event source id" event = "event">イベントハンドラー</script>
<div id = "th">
こんにちは、wulin.com//www.vevb.com
</div>
<スクリプト= "th" event = "onclick">
var one = document.getElementById( "th");
one.style.backgroundcolor = "red";
</script>
JavaScriptのインシデント処理を理解しましたか?ご質問がある場合はメッセージを残してください。