- jQuery 教程
- jQuery - 首頁
- jQuery - 路線圖
- jQuery - 概述
- jQuery - 基礎
- jQuery - 語法
- jQuery - 選擇器
- jQuery - 事件
- jQuery - 屬性
- jQuery - AJAX
- jQuery DOM 操作
- jQuery - DOM
- jQuery - 新增元素
- jQuery - 刪除元素
- jQuery - 替換元素
- jQuery CSS 操作
- jQuery - CSS 類
- jQuery - 尺寸
- jQuery - CSS 屬性
- jQuery 效果
- jQuery - 效果
- jQuery - 動畫
- jQuery - 鏈式操作
- jQuery - 回撥函式
- jQuery 遍歷
- jQuery - 遍歷
- jQuery - 遍歷祖先節點
- jQuery - 遍歷子孫節點
- jQuery UI
- jQuery - 互動
- jQuery - 小部件
- jQuery - 主題
- jQuery 參考
- jQuery - 選擇器
- jQuery - 事件
- jQuery - 效果
- jQuery - HTML/CSS
- jQuery - 遍歷
- jQuery - 其他
- jQuery - 屬性
- jQuery - 工具函式
- jQuery 外掛
- jQuery - 外掛
- jQuery - PagePiling.js
- jQuery - Flickerplate.js
- jQuery - Multiscroll.js
- jQuery - Slidebar.js
- jQuery - Rowgrid.js
- jQuery - Alertify.js
- jQuery - Progressbar.js
- jQuery - Slideshow.js
- jQuery - Drawsvg.js
- jQuery - Tagsort.js
- jQuery - LogosDistort.js
- jQuery - Filer.js
- jQuery - Whatsnearby.js
- jQuery - Checkout.js
- jQuery - Blockrain.js
- jQuery - Producttour.js
- jQuery - Megadropdown.js
- jQuery - Weather.js
- jQuery 有用資源
- jQuery - 問答
- jQuery - 快速指南
- jQuery - 有用資源
- jQuery - 討論
jQuery - 事件參考
jQuery **事件**是在 DOM(文件物件模型)中發生的事件,可以被檢測到並用於觸發 JavaScript 函式。
jQuery 透過提供方法來將事件處理程式附加到元素並觸發事件來簡化事件處理。單擊按鈕、懸停在元素上、提交表單或調整視窗大小都是 jQuery 中常見事件的示例。
jQuery 事件方法
在下表中,我們列出了所有用於處理事件的 jQuery 方法:
| 序號 | 方法及描述 |
|---|---|
| 1 | bind()
為選定元素的一個或多個事件附加事件處理程式函式。 |
| 2 | blur()
將函式繫結到每個匹配元素的 blur 事件。 |
| 3 | change()
將函式繫結到每個匹配元素的 change 事件。 |
| 4 | click()
將函式繫結到每個匹配元素的 click 事件。 |
| 5 | dblclick()
將函式繫結到每個匹配元素的 dblclick 事件。 |
| 6 | delegate()
基於一組特定的根元素,為現在或將來匹配選擇器的所有元素附加一個或多個事件的處理程式。 |
| 7 | error()
將函式繫結到每個匹配元素的 error 事件。 |
| 8 | focus()
將函式繫結到每個匹配元素的 focus 事件。 |
| 9 | focusin()
將函式繫結到每個匹配元素的 focusin 事件。 |
| 10 | focusout()
將函式繫結到每個匹配元素的 focusout 事件。 |
| 11 | hover()
將一個或兩個處理程式繫結到匹配的元素,當滑鼠指標進入和離開元素時執行。 |
| 12 | isDefaultPrevented()
確定事件的預設操作是否已被阻止。 |
| 13 | isImmediatePropagationStopped()
確定事件的立即傳播是否已被阻止。 |
| 14 | isPropagationStopped()
確定事件的傳播是否已被阻止。 |
| 15 | keydown()
將函式繫結到每個匹配元素的 keydown 事件。 |
| 16 | keypress()
將函式繫結到每個匹配元素的 keypress 事件。 |
| 17 | keyup()
將函式繫結到每個匹配元素的 keyup 事件。 |
| 18 | live()
為選定元素的一個或多個事件附加事件處理程式函式。 |
| 19 | mousedown()
將函式繫結到每個匹配元素的 mousedown 事件。 |
| 20 | mouseenter()
將函式繫結到每個匹配元素的 mouseenter 事件。 |
| 21 | mouseleave()
將函式繫結到每個匹配元素的 mouseleave 事件。 |
| 22 | mousemove()
將函式繫結到每個匹配元素的 mousemove 事件。 |
| 23 | mouseout()
將函式繫結到每個匹配元素的 mouseout 事件。 |
| 24 | mouseover()
將函式繫結到每個匹配元素的 mouseover 事件。 |
| 25 | mouseup()
將函式繫結到每個匹配元素的 mouseup 事件。 |
| 26 | off()
移除事件處理程式。 |
| 27 | on()
為選定元素的一個或多個事件附加事件處理程式函式。 |
| 28 | one()
為元素附加事件處理程式。每個元素最多執行一次處理程式。 |
| 29 | preventDefault()
阻止觸發事件的預設操作。 |
| 30 | $.proxy()
獲取現有函式並返回一個具有特定上下文的新函式。 |
| 31 | ready()
指定在 DOM 完全載入後執行的函式。 |
| 32 | resize()
將函式繫結到每個匹配元素的 resize 事件。 |
| 33 | scroll()
將函式繫結到每個匹配元素的 scroll 事件。 |
| 34 | select()
將函式繫結到每個匹配元素的 select 事件。 |
| 35 | stopImmediatePropagation()
立即停止執行其他處理程式。 |
| 36 | stopPropagation()
阻止事件冒泡到 DOM 樹,防止父元素收到事件通知。 |
| 37 | submit()
將函式繫結到每個匹配元素的 submit 事件。 |
| 38 | toggle()
根據匹配元素的可見性顯示或隱藏它們。 |
| 39 | trigger()
為給定事件型別執行附加到匹配元素的所有處理程式和行為。 |
| 40 | triggerHandler()
執行附加到元素的事件的所有處理程式。 |
| 41 | undelegate()
基於一組特定的根元素,從所有匹配當前選擇器的元素的事件中移除處理程式。 |
| 42 | unbind()
從元素中移除先前附加的事件處理程式。 |
事件屬性
以下事件屬性/特性可用,並可在平臺無關的方式下安全訪問:
| 序號 | 方法及描述 |
|---|---|
| 1 | currentTarget
在事件冒泡階段標識當前元素。 |
| 2 | data
在建立處理程式時,作為第二個引數傳遞給 bind() 命令的值(如果有)。 |
| 3 | delegateTarget
標識最初附加事件處理程式的元素。 |
| 4 | namespace
指定觸發事件時指定的名稱空間。 |
| 5 | pageX
對於滑鼠事件,指定事件相對於文件的水平座標。 |
| 6 | pageY
對於滑鼠事件,指定事件相對於文件的垂直座標。 |
| 7 | relatedTarget
對於滑鼠事件,標識事件中涉及的另一個元素(例如,當滑鼠進入或離開元素時)。 |
| 8 | result
對於特定事件,儲存操作的結果(例如,對於拖放事件)。 |
| 9 | target
標識觸發事件的元素。 |
| 10 | timeStamp
觸發事件的時間(以毫秒為單位)。 |
| 11 | type
指定已觸發的事件型別(例如,click、hover)。 |
| 12 | which
對於鍵盤事件,指定觸發事件的鍵的鍵碼。對於滑鼠事件,指定按下哪個按鈕(1 表示左鍵,2 表示中間鍵,3 表示右鍵)。 |
