1 事件

事件可以理解為用戶和瀏覽器的交互行為

2 事件函數綁定
事件函數： 當事件發生了，用于處理該事件的具體應對方案就是事件處理函數
表現出來就是一些代碼塊
例如： 當鼠標點擊（事件）— 做什么操作？就由事件處理函數來完成
當鍵盤按下（按回車鍵）— 做什么操作？

總結：注意的就是 事件發生和事件處理函數是不同的概念
事件發生以后，可以有事件處理函數來做對應的事情，也可以沒有
如果沒有事件處理函數，不會影響事件的發生，該發生的還是會發生，
至于做什么事情，由事件處理函數來決定

3 如何去學習事件
1 在js中規定了一些常用的事件，例如：鼠標點擊、鼠標按下、鼠標抬起、鼠標移動
、鼠標移入移出…
事件要掌握的兩部分： 1）事件名稱(onclick\onmouseover) 2)對應的觸發場景
事件的名稱和觸發場景必須要記住（多做練習，手抄寫）

2 事件處理函數（功能）
  需要根據具體業務場景來實現

4 鼠標事件
和鼠標相關的事件

事件名稱        事件的觸發場景

onmousedown     當鼠標按下的時候觸發
onmouseup       當鼠標抬起的時候觸發
onmouseover     當鼠標移入的時候觸發
onmouseout      當鼠標移出的時候觸發
onclick         當鼠標點擊的時候觸發
ondblclick      當鼠標雙擊的時候觸發
onmousemove     當鼠標移動的時候觸發
oncontextmenu   當鼠標右鍵的時候觸發（可以自定義右鍵菜單）

5 鍵盤事件
和鍵盤有關的事件 鍵盤（按鍵）按下 鍵盤抬起
onkeydown 當鍵盤按下的時候觸發
onkeyup 當鍵盤抬起的時候觸發

6 表單事件
和表單有關的事件 表單提交 獲取焦點 失去焦點

onsubmit     當表單提交的時候觸發
onchange     當修改表單字段的時候觸發(內容改變就會觸發)
onfocus      當獲取到焦點的時候觸發
onblur        當失去焦點的時候觸發

7 窗口事件
和窗口有關的事件 窗口加載 窗口改變

onload      當對象加載完成以后觸發
onresize    當窗口改變的時候觸發

8 事件對象 event
事件對象就是當事件發生的時候，用來記錄事件的相關信息的對象
事件對象理解為：飛機的黑匣子和汽車的行車記錄儀

重點：記住兼容性解決方案 var ev = ev || event
keyCode 鍵盤碼 回車 13 空格 32 控制方向
clientX、clientY 鼠標在瀏覽器可視區的坐標
offsetLeft、offsetTop

9 事件冒泡
事件冒泡機制–現象
事件冒泡帶來的影響
阻止事件冒泡
事件冒泡的應用

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

相關推薦：

JS與Node.js中的事件循環詳解

node.js中的事件處理機制詳解

js中的事件捕捉模型與冒泡模型實例分析_javascript技巧

以上就是JS中的事件入門講解的詳細內容，更多請關注php中文網其它相關文章！