JS のイベントの概要

1 イベント

イベントは、ユーザーとブラウザ間の対話的な動作として理解できます

2 イベント関数バインディング
イベント関数: イベントが発生したとき、イベントを処理するために使用される特定の対応計画はイベント処理関数です
いくつかのコードブロックとして表示されます
例: マウスがクリックされたとき (イベント) - どのようなアクションが実行されますか?イベントハンドラーによって行われます
キーボードを押したとき（Enterキーを押したとき） ・どうすればいいですか？

要約: イベントの発生とイベント処理関数は異なる概念であることに注意してください
イベントの発生後に、対応する処理を実行するイベント処理関数が存在することもあれば、存在しないこともあります
イベント処理関数が存在しない場合、イベントの発生には影響しません、起こるべきことは起こります、
何をするかについては、イベント処理関数によって決定されます

3 イベントの学習方法
1 マウスクリック、マウスプレス、マウスリフト、マウス移動などのいくつかの一般的なイベントは js で指定されています
、マウスを前後に動かします...
イベントについては 2 つの部分をマスターする必要があります: 1) イベント名 (onclickonmouseover) 2) 対応するトリガー シーン
イベントの名前とトリガーとなるシーンを覚えておく必要があります (さらに練習して手書きでコピーします)

2 事件处理函数（功能）
  需要根据具体业务场景来实现

4 マウス イベント
マウス関連のイベント

事件名称        事件的触发场景

onmousedown     当鼠标按下的时候触发
onmouseup       当鼠标抬起的时候触发
onmouseover     当鼠标移入的时候触发
onmouseout      当鼠标移出的时候触发
onclick         当鼠标点击的时候触发
ondblclick      当鼠标双击的时候触发
onmousemove     当鼠标移动的时候触发
oncontextmenu   当鼠标右键的时候触发（可以自定义右键菜单）

5 キーボード イベント
キーボード関連のイベント キーボード (キー) が押されました キーボードが持ち上げられました
onkeydown キーボードが押されたときにトリガーされます
onkeyup はキーボードを離したときにトリガー

6 つのフォーム イベントを発生させます
フォームに関連するイベント フォーム送信 フォーカスの取得 フォーカスの喪失

onsubmit     当表单提交的时候触发
onchange     当修改表单字段的时候触发(内容改变就会触发)
onfocus      当获取到焦点的时候触发
onblur        当失去焦点的时候触发

7 ウィンドウ イベント
ウィンドウ関連イベント ウィンドウローディング ウィンドウ変更

onload      当对象加载完成以后触发
onresize    当窗口改变的时候触发

8 イベントオブジェクトイベント
イベントオブジェクトは、イベントが発生したときにイベント関連情報を記録するために使用されるオブジェクトです
イベント オブジェクトは次のように理解されます: 航空機のブラック ボックスと車のドライブ レコーダー

キー ポイント: 互換性ソリューション var ev = ev イベント
を覚えておいてください。 keyCode キーボードコード Enter 13 Space 32 制御方向
clientX、clientY ブラウザの表示領域内のマウスの座標
offsetLeft、offsetTop

9 イベントバブリング
イベントバブリングのメカニズム – 現象
イベントバブリングの影響
イベントのバブルを防ぐ
イベントバブリングの応用

创建元素、添加子元素
事件源
事件委托

関連推奨事項:

JSとNode.jsのイベントループの詳細説明

node.jsのイベント処理機構の詳細説明

イベントキャプチャモデルとバブリングjsモデルインスタンス分析_javascriptスキル

以上がJS のイベントの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。