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 控制方向
offsetLeft、offsetTop
9 事件冒泡
事件冒泡機制–現象
事件冒泡帶來的影響
事件冒泡的應用
创建元素、添加子元素 事件源 事件委托JS與Node.js中的事件循環詳解
js中的事件捕捉模型與冒泡模型實例分析_javascript技巧
####以上是JS中的事件入門講解的詳細內容。更多資訊請關注PHP中文網其他相關文章!