方法

描述

bind()

向匹配元素附加一個或更多事件處理器

blur()

觸發、或將函數綁定到指定元素的?blur?事件

change()

觸發、或將函數綁定到指定元素的?change?事件

click()

觸發、或將函數綁定到指定元素的?click?事件

dblclick()

觸發、或將函數綁定到指定元素的?double?click?事件

delegate()

向匹配元素的當前或未來的子元素附加一個或多個事件處理器

die()

移除所有通過?live()?函數添加的事件處理程序。

error()

觸發、或將函數綁定到指定元素的?error?事件

event.isDefaultPrevented()

返回?event?對象上是否調用了?event.preventDefault()。

event.pageX

相對于文檔左邊緣的鼠標位置。

event.pageY

相對于文檔上邊緣的鼠標位置。

event.preventDefault()

阻止事件的默認動作。

event.result

包含由被指定事件觸發的事件處理器返回的最后一個值。

event.target

觸發事件的?DOM?元素。

event.timeStamp

該屬性返回從?1970?年?1?月?1?日到事件發生時的毫秒數。

event.type

描述事件的類型。

event.which

指示按了哪個鍵或按鈕。

focus()

觸發、或將函數綁定到指定元素的?focus?事件

keydown()

觸發、或將函數綁定到指定元素的?key?down?事件

keypress()

觸發、或將函數綁定到指定元素的?key?press?事件

keyup()

觸發、或將函數綁定到指定元素的?key?up?事件

live()

觸發、或將函數綁定到指定元素的?load?事件

load()

觸發、或將函數綁定到指定元素的?load?事件

mousedown()

觸發、或將函數綁定到指定元素的?mouse?down?事件

mouseenter()

觸發、或將函數綁定到指定元素的?mouse?enter?事件

mouseleave()

觸發、或將函數綁定到指定元素的?mouse?leave?事件

mousemove()

觸發、或將函數綁定到指定元素的?mouse?move?事件

mouseout()

觸發、或將函數綁定到指定元素的?mouse?out?事件

mouseover()

觸發、或將函數綁定到指定元素的?mouse?over?事件

mouseup()

觸發、或將函數綁定到指定元素的?mouse?up?事件

one()

向匹配元素添加事件處理器。每個元素只能觸發一次該處理器。

ready()

文檔就緒事件（當?HTML?文檔就緒可用時）

resize()

觸發、或將函數綁定到指定元素的?resize?事件

scroll()

觸發、或將函數綁定到指定元素的?scroll?事件

select()

觸發、或將函數綁定到指定元素的?select?事件

submit()

觸發、或將函數綁定到指定元素的?submit?事件

toggle()

綁定兩個或多個事件處理器函數，當發生輪流的?click?事件時執行。

trigger()

所有匹配元素的指定事件

triggerHandler()

第一個被匹配元素的指定事件

unbind()

從匹配元素移除一個被添加的事件處理器

undelegate()

從匹配元素移除一個被添加的事件處理器，現在或將來

unload()

觸發、或將函數綁定到指定元素的?unload?事件

屬性名稱

描述

舉例

type

事件類型.如果使用一個事件處理函數來處理多個事件,?可以使用此屬性獲得事件類型,比如click.

$("a").click(function(event)?{

??alert(event.type);

});

target

獲取事件觸發者DOM對象

$("a[href=http://google.com]").click(function(event)?{

??alert(event.target.href);

});

data

事件調用時傳入額外參數.

$("a").each(function(i)?{

??$(this).bind('click',?{index:i},?function(e){

?????alert('my?index?is?'?+?e.data.index);

??});

});

relatedTarget

對于鼠標事件,?標示觸發事件時離開或者進入的DOM元素

$("a").mouseout(function(event)?{

??alert(event.relatedTarget);

});

currentTarget

冒泡前的當前觸發事件的DOM對象,?等同于this.

$("p").click(function(event)?{

??alert(?event.currentTarget.nodeName?);

});

結果:P

pageX/Y

鼠標事件中,?事件相對于頁面原點的水平/垂直坐標.

$("a").click(function(event)?{

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

});

result

上一個事件處理函數返回的值

$("p").click(function(event)?{

??return?"hey"

});

$("p").click(function(event)?{

??alert(?event.result?);

});

結果:"hey"

timeStamp

事件發生時的時間戳.

var?last;

$("p").click(function(event)?{

???if(?last?)

??????alert(?"time?since?last?event?"?+?event.timeStamp?-?last?);

???last?=?event.timeStamp;

});

屬性名稱

描述

舉例

altKey

Alt鍵是否被按下.?按下返回true

ctrlKey

ctrl鍵是否被按下,?按下返回true

metaKey

Meta鍵是否被按下,?按下返回true.
meta鍵就是PC機器的Ctrl鍵,或者Mac機器上面的Command鍵

shiftKey

Shift鍵是否被按下,?按下返回true

keyCode

對于keyup和keydown事件返回被按下的鍵.?不區分大小寫,?a和A都返回65.

對于keypress事件請使用which屬性,?因為which屬性跨瀏覽時依然可靠.

which

對于鍵盤事件,?返回觸發事件的鍵的數字編碼.?對于鼠標事件,?返回鼠標按鍵號(1左,2中,3右).

screenX/Y

對于鼠標事件,?獲取事件相對于屏幕原點的水平/垂直坐標

名稱

說明

舉例

preventDefault()

取消可能引起任何語意操作的事件.?比如<a>元素的href鏈接加載,?表單提交以及click引起復選框的狀態切換.

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

??event.preventDefault();

??//?do?something

});

isDefaultPrevented()

是否調用過?

preventDefault()

方法

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

??alert(?event.isDefaultPrevented()?);

??event.preventDefault();

??alert(?event.isDefaultPrevented()?);

});

stopPropagation()

取消事件冒泡

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

??event.stopPropagation();

??//?do?something

});

isPropagationStopped()

是否調用過?

stopPropagation()

方法

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

??alert(?event.isPropagationStopped()?);

??event.stopPropagation();

??alert(?event.isPropagationStopped()?);

});

stopImmediatePropagation()

取消執行其他的事件處理函數并取消事件冒泡.

如果同一個事件綁定了多個事件處理函數,?在其中一個事件處理函數中調用此方法后將不會繼續調用其他的事件處理函數.

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

??event.stopImmediatePropagation();

});

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

??//?This?function?won't?be?executed

});

isImmediatePropagationStopped()

是否調用過?

stopImmediatePropagation()

方法

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

??alert(?event.isImmediatePropagationStopped()?);

??event.stopImmediatePropagation();

??alert(?event.isImmediatePropagationStopped()?);

});