鼠標事件
-
.click()==> 單擊事件 -
.dblclick()==> 雙擊事件 -
.mousedown()==> 鼠標按鍵按下時觸發 -
.mouseup()==> 鼠標按鍵釋放時觸發 -
.mousemove()==> 鼠標指針在元素內移動時觸發 -
.mouseover()==> 當鼠標指針進入元素內觸發（冒泡） -
.mouseout()==> 當鼠標指針離開元素時觸發（冒泡） -
.mouseenter()==> 當鼠標移入到元素上時觸發（不冒泡） -
.mouseleave()==> 當鼠標離開元素上時觸發（不冒泡）
說明：.mouseenter()和.mouseleave()事件只會在綁定它的元素上被調用，而不會在後代節點上觸發 -
.hover()==> 將兩個事件函數綁定到匹配元素上，分別當鼠標指針進入和離開元素時被執行。.hover()===.mouseenter()+.mouseleave() -
.focusin()==> 元素獲得焦點時觸發 focusout()==> 元素失去焦點時觸發
表單事件
.focus()==> 當元素獲得焦點時-
.blur()==> 當元素失去焦點時
說明：.focus()和.blur()不支持冒泡事件，只有綁定自身才有效；.focusin()和focusout()支持冒泡事件 -
.change()==> 監聽<input>、<textarea>和<select>元素值改變 -
.select()==> 當在元素中進行文本選擇時，此事件只能用在<input type="text">和<textarea> -
.submit()==> 監聽表單提交事件
鍵盤事件
-
.keydown()==> 當在一個元素上第一次按下鍵盤上的鍵的時。每次獲取的內容是之前輸入的，當前輸入的獲取不到 -
.keyup()==> 當在一個元素上釋放按鍵的時。獲取的是觸發鍵盤事件後的文本 -
.keypress()==> 當瀏覽器捕獲一個元素上鍵盤輸入時。只能捕獲單個字符；無法相應系統功能鍵；不區分小鍵盤和主鍵盤的數字字符
說明：.keypress() 主要接收字母、數字等
ANSI 字符，而 .keydown() 和 .keyup() 事件過程可以處理任何不被 .keypress() 識別的擊鍵
多事件
-
.on()==> 多事件綁定- 多個事件綁定同一函數
$( 'ele' ).on( 'mouseover mouseout', () => {} ) - 多個事件綁定不同函數
1
2
3
4$( 'ele' ).on( {
mouseover: () => {},
mouseout: () => {}
} )
- 多個事件綁定同一函數
-
.off()==> 移除綁定事件