JavaScriptイベント処理の簡単な説明_基礎知識

イベント処理

1. イベントソース: 任意の HTML 要素 (ノード)、本文、div、ボタン

2. イベント: あなたの操作

マウス:
クリッククリック
dblick ダブルクリック
oncontextmenu テキストメニュー

コードをコピー コードは次のとおりです:

//右クリックを禁止するプログラム

マウスオーバー
マウスアウト退出
マウスダウンプレス
マウスアップリフト
Mousemoveマウスの動き
キーボード:

Keypress キーボード イベント
キーアップリフト
キーダウン
を押します

ドキュメント:

ロードロード
onload は、ページが読み込まれた後にトリガーされるイベントです
アンロード クローズ
荷降ろし終了前

フォーム:

フォーカスフォーカスイベント
集中力を失った
送信 イベントを送信
イベント変更

その他:

スクロール スクロール
選択開始選択イベント

3. イベントハンドラー

最初のタイプ:

形式: <イベントのタグ="イベント ハンドラー" />
例:

コードをコピーします コードは次のとおりです:

<スクリプト>
関数 show(){
var one=document.getElementById("one");
アラート(one.innerText);
}
show();

wwwwwwwwwwwww

2 番目のタイプ:

JavaScript で直接 Object.on ハンドラー

コードをコピー コードは次のとおりです:

こんにちは、スクリプト ハウス
http://www.jb51.net

<スクリプト>
var one=document.getElementById("two");
one.onclick=function(){
This.style.backgroundColor="red";
}

3 番目のタイプ: 基本的に誰も使いません

コードをコピーします コードは次のとおりです:

こんにちは、スクリプト ハウス
http://www.jb51.net

<「th」イベント="onclick" のスクリプト>
var one=document.getElementById("th");
one.style.backgroundColor="red";

JavaScript のイベント処理は理解できましたか? ご質問がございましたら、メッセージを残してください。