由 preventDefault()方法 複習jQuery 事件方法

由 preventDefault()方法 複習jQuery 事件方法
 
今天看到了 preventDefault() 方法，就複習了一下jQuery 事件方法，記下隨記
jQuery 參考手冊 - 事件

事件方法會觸發匹配元素的事件，或將函數綁定到所有匹配元素的某個事件。

觸發執行個體：

$(button#demo).click()

上面的例子將觸發 id=demo 的 button 元素的 click 事件。

綁定執行個體：

$(button#demo).click(function(){$(img).hide()})

上面的例子會在點擊 id=demo 的按鈕時隱藏所有映像。

 

方法	描述
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 事件
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 事件

 

 

 

 

 

HTML DOM Event 對象執行個體

哪個滑鼠按鍵被點擊？

游標的座標是？

被按的按鍵的 unicode 是？

相對於螢幕，游標的座標是？

shift 鍵被按了嗎？

哪個元素被點擊了？

哪個事件類型發生了？

Event 對象

Event 對象代表事件的狀態，比如事件在其中發生的元素、鍵盤按鍵的狀態、滑鼠的位置、滑鼠按鍵的狀態。

事件通常與函數結合使用，函數不會在事件發生前被執行！

事件控制代碼　(Event Handlers)

HTML 4.0 的新特性之一是能夠使 HTML 事件觸發瀏覽器中的行為，比如當使用者點擊某個 HTML 元素時啟動一段 JavaScript。下面是一個屬性列表，可將之插入 HTML 標籤以定義事件的行為。

屬性	此事件發生在何時...
onabort	映像的載入被中斷。
onblur	元素失去焦點。
onchange	域的內容被改變。
onclick	當使用者點擊某個對象時調用的事件控制代碼。
ondblclick	當使用者雙擊某個對象時調用的事件控制代碼。
onerror	在載入文檔或映像時發生錯誤。
onfocus	元素獲得焦點。
onkeydown	某個鍵盤按鍵被按下。
onkeypress	某個鍵盤按鍵被按下並鬆開。
onkeyup	某個鍵盤按鍵被鬆開。
onload	一張頁面或一幅映像完成載入。
onmousedown	滑鼠按鍵被按下。
onmousemove	滑鼠被移動。
onmouseout	滑鼠從某元素移開。
onmouseover	滑鼠移到某元素之上。
onmouseup	滑鼠按鍵被鬆開。
onreset	重設按鈕被點擊。
onresize	視窗或架構被重新調整大小。
onselect	文本被選中。
onsubmit	確認按鈕被點擊。
onunload	使用者退出頁面。

滑鼠 / 鍵盤屬性

屬性	描述
altKey	返回當事件被觸發時，ALT 是否被按下。
button	返回當事件被觸發時，哪個滑鼠按鍵被點擊。
clientX	返回當事件被觸發時，滑鼠指標的水平座標。
clientY	返回當事件被觸發時，滑鼠指標的垂直座標。
ctrlKey	返回當事件被觸發時，CTRL 鍵是否被按下。
metaKey	返回當事件被觸發時，meta 鍵是否被按下。
relatedTarget	返回與事件的目標節點相關的節點。
screenX	返回當某個事件被觸發時，滑鼠指標的水平座標。
screenY	返回當某個事件被觸發時，滑鼠指標的垂直座標。
shiftKey	返回當事件被觸發時，SHIFT 鍵是否被按下。

IE 屬性

除了上面的滑鼠/事件屬性，IE 瀏覽器還支援下面的屬性：

屬性	描述
cancelBubble	如果事件控制代碼想阻止事件傳播到包容對象，必須把該屬性設為 true。
fromElement	對於 mouseover 和 mouseout 事件，fromElement 引用移出滑鼠的元素。
keyCode	對於 keypress 事件，該屬性聲明了被敲擊的鍵產生的 Unicode 字元碼。對於 keydown 和 keyup 事件，它指定了被敲擊的鍵的虛擬鍵盤碼。虛擬鍵盤碼可能和使用的鍵盤的布局相關。
offsetX,offsetY	發生事件的地點在事件來源元素的座標系統中的 x 座標和 y 座標。
returnValue	如果設定了該屬性，它的值比事件控制代碼的傳回值優先順序高。把這個屬性設定為 fasle，可以取消發生事件的源元素的預設動作。
srcElement	對於建置事件的 Window 對象、Document 對象或 Element 對象的引用。
toElement	對於 mouseover 和 mouseout 事件，該屬性引用移入滑鼠的元素。
x,y	事件發生的位置的 x 座標和 y 座標，它們相對於用CSS動態定位的最內層包容元素。

標準 Event 屬性

下面列出了 2 級 DOM 事件標準定義的屬性。

屬性	描述
bubbles	返回布爾值，指示事件是否是起泡事件類型。
cancelable	返回布爾值，指示事件是否可擁可取消的預設動作。
currentTarget	返回其事件監聽器觸發該事件的元素。
eventPhase	返回事件傳播的當前階段。
target	返回觸發此事件的元素（事件的目標節點）。
timeStamp	返回事件產生的日期和時間。
type	返回當前 Event 對象表示的事件的名稱。

標準 Event 方法

下面列出了 2 級 DOM 事件標準定義的方法。IE 的事件模型不支援這些方法：

方法	描述
initEvent()	初始化新建立的 Event 對象的屬性。
preventDefault()	通知瀏覽器不要執行與事件關聯的預設動作。
stopPropagation()	不再派發事件。