天天看點

jQuery|event的屬性和方法jQuery事件對象event的屬性和方法

事件處理(事件對象、目标元素的擷取,事件對象的屬性、方法等)在不同浏覽器之間存在差異,jQuery在遵循W3C規範的情況下做了封裝統一

event.type:擷取事件的類型,觸發元素的事件類型

$("a").click(function(event) { alert(event.type); // "click"事件 });

event.pageX 和 event.pageY:擷取滑鼠目前相對于頁面的坐标,可以确定元素在目前頁面的坐标值,是以頁面為參考點,不随滑動條移動而變化

alert("Current mouse position: " + event.pageX + ", " + event.pageY ); return false;

event.target:擷取觸發事件的元素

this和event.target的差別:

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

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

alert(event.target.href);

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

$("a").mousedown(function(e){ alert(e.which); }) event.currentTarget : 擷取冒泡前的目前觸發事件的DOM對象, 等同于this

event.preventDefault() :

阻止預設行為,可以用 event.isDefaultPrevented() 來确定preventDefault是否被調用過了

event.stopPropagation() :

阻止事件冒泡,事件是可以冒泡的,為防止事件冒泡到DOM樹上,不觸發任何前輩元素上的事件處理函數,可以用 event.isPropagationStopped() 來确定stopPropagation是否被調用過了

繼續閱讀