jQuery事件物件可以在擴瀏覽器支援的屬性

2021-06-03 15:15:39 字數 1893 閱讀 4623

屬性名稱描述舉例

type

事件型別.如果使用乙個事件處理函式來處理多個事件, 可以使用此屬性獲得事件型別,比如click.

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

target

獲取事件觸發者dom物件

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

data

事件呼叫時傳入額外引數.

$("a").each(function(i) , function(e));

});

relatedtarget

對於滑鼠事件, 標示觸發事件時離開或者進入的dom元素

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

currenttarget

冒泡前的當前觸發事件的dom物件, 等同於this.

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

結果:p

pagex/y

滑鼠事件中, 事件相對於頁面原點的水平/垂直座標.

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

result

上乙個事件處理函式返回的值

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

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

結果:"hey"

timestamp

事件發生時的時間戳.

var last;

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

名稱說明舉例

preventdefault()

取消可能引起任何語意操作的事件. 比如元素的href鏈結載入, 表單提交以及click引起核取方塊的狀態切換.

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

isdefaultprevented()

是否呼叫過 preventdefault() 方法

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

stoppropagation()

取消事件冒泡

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

ispropagationstopped()

是否呼叫過 stoppropagation() 方法

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

stopimmediatepropagation()

取消執行其他的事件處理函式並取消事件冒泡.

如果同乙個事件繫結了多個事件處理函式, 在其中乙個事件處理函式中呼叫此方法後將不會繼續呼叫其他的事件處理函式.

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

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

isimmediatepropagationstopped()

是否呼叫過 stopimmediatepropagation() 方法

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

這些函式中  stoppropagation()  是我們最長用的也是一定會用到的函式. 相當於操作原始event物件的event.cancelbubble=true來取消冒泡.

jQuery事件物件可以在擴瀏覽器支援的屬性

下面是jquery事件物件可以在擴瀏覽器支援的屬性 屬性名稱描述舉例 type 事件型別.如果使用乙個事件處理函式來處理多個事件,可以使用此屬性獲得事件型別,比如click.a click function event target 獲取事件觸發者dom物件 a href click functio...

jQuery 事件物件

jquery事件物件其實就是js事件物件的乙個封裝,處理了相容問題 傳入e,再console.log e 可以檢視 100,註冊的時候的時候,把100傳到事件裡面去。var money 100 on types,selector,data,callback 使用on方法的時候,可以給data引數傳乙...

jquery事件物件屬性

jquery事件中的event屬性是經常性的被忽略的。大多數時間你的確不怎麼用它,但有些時候它還是它還是很有作用的。使用事件自然少不了事件物件.因為不同瀏覽器之間事件物件的獲取,以及事件物件的屬性都有差異,導致我們很難跨瀏覽器使用事件物件.jquery中統一了事件物件,當繫結事件處理函式時,會將jq...