JavaScript事件
事件，就是檔案或瀏覽器視窗中發生的一些特定的互動瞬間，JavaScript 與 HTML 之間的互動是通過事
件實作的。對于 Web 應用來說，有下面這些代表性的事件：單擊事件、滑鼠移入移出事件、
鍵盤按下/彈起事件等等。 事件就是用戶與瀏覽器的互動行為
nclick 滑鼠點擊某個物件 ondblclick 滑鼠雙擊某個物件
onerror 當加載檔案或影像時發生某個錯誤 onfocus 元素獲得焦點
onblur 元素失去焦點 onkeydown 某個鍵盤的鍵被按下
onkeypress 某個鍵盤的鍵被按下或按住 onkeyup 某個鍵盤的鍵被松開
onload 某個頁面或影像被完成加載 onmousedown 某個滑鼠按鍵被按下
onmousemove 滑鼠被移動 onmouseout 滑鼠從某元素移開
onmouseover 滑鼠被移到某元素之上 onmouseup 某個滑鼠按鍵被松開
onreset 重置按鈕被點擊 onresize 視窗或框架被調整尺寸
onselect 文本被選定 onsubmit 提交按鈕被點擊
onunload 用戶退出頁面
事件物件(Event)
滑鼠 / 鍵盤屬性
altKey 回傳當事件被觸發時，"ALT" 是否被按下。
button 回傳當事件被觸發時，哪個滑鼠按鈕被點擊。
clientX 回傳當事件被觸發時，滑鼠指標的水平坐標。
clientY 回傳當事件被觸發時，滑鼠指標的垂直坐標。
ctrlKey 回傳當事件被觸發時，"CTRL" 鍵是否被按下。
metaKey 回傳當事件被觸發時，"meta" 鍵是否被按下。
relatedTarget 回傳與事件的目標節點相關的節點。
screenX 回傳當某個事件被觸發時，滑鼠指標的水平坐標。
screenY 回傳當某個事件被觸發時，滑鼠指標的垂直坐標。
shiftKey 回傳當事件被觸發時，"SHIFT" 鍵是否被按下。
事件冒泡（Bubble）
所謂冒泡指的就是事件的向上傳導，當后代元素上的事件被觸發時，其祖先元素的相同事件也會被觸發
在開發中大部分情況冒泡都是有用的，如果不希望冒泡發生可以通過事件物件取消冒泡 event.cancelBubble=true
事件的委派
指將事件統一系結給元素共同的祖先元素，這樣當后代元素上的事件觸發時，會一直冒泡到祖先元素
，從而通過祖先元素的回應函式來處理事件
事件委派是利用冒泡，通過委派可以減少事件系結的次數，提高程式的性能
事件物件的屬性target：回傳觸發此事件的元素(事件的目標節點)
鍵盤事件
onkeydown: 鍵盤被按下事件
如果一直按著某個鍵不松開，則會一直觸發該事件
當onkeydown事件連續觸發時，第一次和第二次之間的間隔時間稍微長一點，其他則會非常快。這是為了防止誤操作的發生
onkeyup: 鍵盤被松開的事件
鍵盤事件一般都會系結給一些可以獲取焦點的物件或則是document
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/80272.html
標籤：非技術區