jQuery事件物件event的屬性和方法

2022-07-27 00:21:15 字數 752 閱讀 4230

事件處理(事件物件、目標元素的獲取,事件物件的屬性、方法等)在不同瀏覽器之間存在差異,jquery在遵循w3c規範的情況下做了封裝統一

一、事件物件常用的屬性:

event.type:獲取事件的型別,觸發元素的事件型別

$("a").click(function(event) );

$("a").click(function(event) );

event.target:獲取觸發事件的元素thisevent.target的區別: 

js中事件是會冒泡的,所以this是可以變化的,但event.target不會變化,它永遠是直接接受事件的目標dom元素;

this和event.target都是dom物件,可以轉換為jquery物件:$(this)和$(event.target)

$("a[href=").click(function(event) );

event.which:獲取在滑鼠單擊事件中滑鼠的左、中、右鍵(左鍵1,中間鍵2,右鍵3),在鍵盤事件中鍵盤的鍵碼值

$("a").mousedown(function(e))

event.currenttarget:獲取冒泡前的當前觸發事件的dom物件, 等同於this 

二、事件物件常用的方法:

事件物件event

1.e.client 相對於當前頁面 視窗,不是這個元素 可視區域的左頂點 document.onmousemove function e 2.e.screen 相對於計算機螢幕的左頂點 document.body.onclick function e 3.offset 事件觸發時滑鼠距離該元素左邊...

事件物件(event)

再觸發dom上的某個事件時,會產生乙個事件物件event,這個物件中包含著所有與事件有關的資訊。所有瀏覽器都支援event物件,但支援的方式不同。1.事件物件的獲取 event的獲取 event內容重要內容 2.screenx pagex和clientx的區別 3.pagey和pagex的相容寫法 ...

事件Event物件

當事件發生時,會向呼叫函式傳遞乙個event物件,event 物件記錄當前事件發生時的環境資訊。乙個事件只能對應乙個event物件,並且event 物件是短暫存在的。dom中的 event 物件的使用方法 1 在html 標記中,通過事件來呼叫函式,向函式傳遞乙個 event 引數,該引數就是乙個 ...