今天看到了 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 標籤以定義事件的行為。