事件解綁
解綁事件
$(選擇器).off('事件型別');
如果要針對性解綁某個事件處理函式,需要把事件處理函式起個名字,再名字解綁,
$(選擇器).off('事件型別', 事件處理函式名稱);
事件物件
基本概念
每個事件在觸發的時候,都有事件物件,記錄了事件觸發時候的一些資訊,
如何獲取事件物件
在事件處理函式寫個形參名稱,常用的名字 event , ev , e ,
-
滑鼠事件物件中,可以獲取滑鼠坐標值 ,clientX, clientX ,pageX, pageY -
鍵盤事件物件中,可以獲取鍵盤按鍵編碼,keyCode , which
$('選擇器').mousemove(function (e) {
// 從事件物件中提取 滑鼠坐標值
const { clientX, clientY } = e;
});
$('選擇器').keyup(function (e) {
// 獲取鍵盤事件的編碼
const { keyCode } = e;
});
阻止冒泡
注意事件委托不要阻止冒泡,否則就委托失敗了,
e.stopPropagation();
阻止默認行為
常見的默認行為:
-
Ctrl+C 能復制網頁內容
-
表單域中的 submit 按鈕,點擊的時候會默認提交表單,
e.preventDefault();
上一章:jQuery入門第六章(滾動事件相關)
下一章:jQuery入門第八章(鏈式編程原理)
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/299352.html
標籤:其他
