2013年3月26日 星期二

[jQuery]jQuery 事件處理種類


[jQuery]jQuery 事件處理種類



1、頁面載入事件處理
ready
當DOM准備就緒時,指定一個函數來執行。

2、元素事件處理

on
在選擇元素上綁定一個或多個事件的事件處理函數。

off
在選擇元素上移除一個或多個事件的事件處理函數。

bind
為每個匹配元素的特定事件綁定事件處理函數。

unbind
bind()的反向操作,從每個匹配元素删除綁定事件。

one
為每一個匹配元素的特定事(像click)綁定一個一次性的事件處理函數。

trigger
在每一個匹配的元素上觸發某類事件。

triggerHandler
這個特別的方法將會觸發指定的事件類型上所有綁定的處理函數。
但不會執行瀏覽器默認動作,也不會產生事件冒泡。

3、事件委派
live
jQuery給所有匹配的元素附加一個事件處理函數,
即使這個元素是以后再添加進來的也有效。但效能不好。

die
從元素中刪除先前用.live()綁定的所有事件.(此方法與live正好完全相反。)

delegate
指定的元性(屬予被選元素的子元素)添加一個或多個事件處理程序,
并規定當這些事件發生時運行的函數。

undelegate
刪除由delegate() 方法添加的一個或多個事件處理程序


4、事件切换

hover
一個模仿懸停事件(鼠標移動到一個對像上面及移出這個對象)的方法。
這是一個自定義的方法,它為頻繁使用的任務提供了一種“保持在其中”的狀態。

toggle
用於綁定兩個或多個事件處理器函數,以響應被選元素的輪流的click 事件。

5、頁面動作事件處理


error
當元素遇到錯誤(沒有正確載入,當圖片或文件下載產生錯誤時)時,發生error 事件。

resize
當調整瀏覽器窗口的大小時,發生resize 事件。
(當視窗或框架大小被改變時。)

submit
當提交表單時,會發生 submit 事件。
該事件只適用於表單元素。(當按下送出按紐時)

scroll
當用戶滾動指定的元素時,會發生scroll 事件。
(當捲軸被拉動時)
scroll 事件適用於所有可滾動的元素和window 對象(瀏覽器窗口)。


select
當textarea 或文本類型的input 元素中的文本被選擇時,會發生select 事件。

這個函數會調用執行綁定到select事件的所有函數,
包括瀏覽器的默認行為。
可以通過在某個綁定的函數中返回false來防止觸發瀏覽器的默認行為。

onload
當頁面完全載入時會觸發此事件(包括圖片、javascript等)

unload
在當用戶離開頁面時(當使用者關閉網頁時),會發生unload 事件。

具體來說,當發生以下情況時,會發出unload 事件:

點擊某個離開頁面的鏈接
在地址欄中鍵入了新的 URL
使用前進或後退按鈕
關閉瀏覽器
重新加載頁面


6、物件事件處理

blur
當元素失去焦點時觸發 blur 事件。


change
當元素的值發生改變時,會發生change 事件。

focus
當元素獲得焦點時(當物件被點擊或取得焦點時),觸發 focus 事件。

focusin
當元素獲得焦點時,觸發focusin 事件。

focusin事件跟focus事件區別在於,他可以在父元素上檢測子元素獲取焦點的情況。

focusout
當元素獲得焦點時,觸發focusin 事件。

7、按鍵動作事件處理

keydown
當鍵盤或按鈕被按下時,發生keydown 事件。

keypress
當鍵盤或按鈕被按下時,發生keypress 事件。

keyup
當按鈕被鬆開時,發生 keyup 事件。它發生在當前獲得焦點的元素上。


8、滑鼠動作事件處理

click
觸發每一個匹配元素的click事件。(滑鼠點擊物件時)

dblclick
當雙擊元素時,會發生 dblclick 事件。(滑鼠連點二下物件時)

mousedown
當鼠標指針移動到元素上方,並按下鼠標按鍵時,會發生mousedown 事件。
(按下滑鼠按鍵時)

mousemove
當鼠標指針在指定的元素中移動時,就會發生mousemove 事件。
(介於over跟out間的滑鼠移動行為)
mousemove事件處理函數會被傳遞一個變量——事件對象,
其.clientX 和.clientY 屬性代表鼠標的坐標


mouseout (滑鼠離開某物件四周時)
當鼠標指針從元素上移開時,發生mouseout 事件。
該事件大多數時候會與mouseover 事件一起使用。

註釋:
與mouseleave 事件不同,不論鼠標指針離開被選元素還是任何子元素,
都會觸發mouseout 事件。
只有在鼠標指針離開被選元素時,才會觸發mouseleave 事件。


mouseover (滑鼠離開某物件四周時)
當鼠標指針位於元素上方時,會發生mouseover 事件。

該事件大多數時候會與mouseout 事件一起使用。

註釋:
與mouseenter 事件不同,不論鼠標指針穿過被選元素或其子元素,
都會觸發mouseover 事件。只有在鼠標指針穿過被選元素時,
才會觸發mouseenter 事件。


mouseup (放開滑鼠按鍵時)
當在元素上放鬆鼠標按鈕時,會發生mouseup 事件。

與click 事件不同,mouseup 事件僅需要放鬆按鈕。
當鼠標指針位於元素上方時,放鬆鼠標按鈕就會觸發該事件。


mouseenter
當鼠標指針穿過元素時,會發生mouseenter 事件。
該事件大多數時候會與mouseleave 事件一起使用。

與mouseover 事件不同,只有在鼠標指針穿過被選元素時,
才會觸發mouseenter 事件。如果鼠標指針穿過任何子元素,
同樣會觸發mouseover 事件。

mouseleave
當鼠標指針離開元素時,會發生mouseleave 事件。
該事件大多數時候會與mouseenter 事件一起使用。

與mouseout 事件不同,只有在鼠標指針離開被選元素時,
才會觸發mouseleave 事件。如果鼠標指針離開任何子元素,
同樣會觸發mouseout 事件。


沒有留言:

張貼留言

標籤

Oracle (150) Oracle DB (144) Oracle_DB (143) Oracle SQL (135) JAVA (84) css-基本類 (65) MySQL (59) CSS Selector (58) jQuery (49) JavaScript-基本類 (39) Spring Boot (38) JavaScript (37) JavaScript HTML DOM (37) JavaScript-HTML_DOM (36) CSS3 (30) JAVA-基本類 (28) jQuery UI (27) Apache (23) Oracle GROUP BY (20) datepicker (20) Android (18) Oracle Date (17) c (17) JAVA-lang套件 (16) Linux (16) Oracle Sub Query (16) Spring-基本類 (16) jQuery-基本類 (16) MySQL-進階系列教學 (15) Android基本類 (14) Grails (14) Oracle join (14) SQLite (13) Spring (13) WIN7-基本類 (13) grails-基本類 (13) linux cent os (13) CKEditor (12) JAVA-流程控制類 (12) JAVA_Spring (12) PHP (11) Spring MVC (11) MySQL-基本系列教學 (10) Notepad (10) Notepad++ (10) SQLite for java (10) Windows (10) c/c++ (10) eclipse (9) jQuery-Selector (9) sqldeveloper (9) DB_Toad (8) JAVA_IDE_Eclipse (8) JavaScript-String類 (8) MySQL DB Toad (8) MySQL-DATE相關 (8) MySQL-函式相關 (8) Spring Bean (8) Android Studio (7) HTML5 (7) Hibernate (7) JAVA-OCWCD (7) JavaScript-陣列類 (7) Docker (6) JAVA-程式分享 (6) JAVA.util套件 (6) JavaScript-數學類 (6) MinGw (6) MySQL-其它類 (6) Servlet (6) centos (6) Apache_Tomcat (5) Apache套件_POI (5) CSS (5) JavaScript-Date物件 (5) JavaScript-其它類 (5) PostgreSQL (5) httpd (5) log4j (5) 基本資訊 (5) 開發工具 (5) CSS Properties (4) Dev-C++ (4) IntelliJ IDEA (4) Oracle DDL (4) Sublime (4) TortoiseSVN (4) apache_Maven (4) Android NDK (3) Eclipse IDE for C/C++ (3) Hibernate-基本類 (3) JAVA-問題 (3) JAVA-綀習分享 (3) JVM (3) Linux 指令 (3) Proxy Server (3) Spring Mobile (3) Spring web (3) Squid (3) VirtualBox (3) maven (3) zk (3) 生活其它 (3) Bootstrap (2) Filter (2) JAVA_IO (2) JAVA_其它_itext套件 (2) JBoss-問題 (2) JSP (2) Jboss (2) Listener (2) MySQL-語法快速查詢 (2) Spring AOP (2) Spring Batch (2) Spring Boot Actuator (2) Spring i18n (2) Subversive (2) Tomcat 8 (2) UML (2) WebJars (2) WinMerge (2) c++ (2) c語言綀習題 (2) jQuery Mobile (2) jQuery-事件處理 (2) jQuery-套件類 (2) putty (2) svn (2) weblogic (2) Apache_JMeter (1) Apache套件_BeanUtils (1) Apache套件_StringUtils (1) Base64 (1) Google API (1) HTML5-基本類 (1) Heap (1) JAVA 7 (1) JAVA SE 、JAVA EE、JAVA ME (1) JAVA 日期 (1) JAVA-OCJP (1) JAVA-WEB (1) JAVA_IDE (1) JAVA其它 (1) JBoss Server (1) JDK (1) JMX (1) JRE (1) Java RMI (1) Java String (1) Joda Time (1) Linux_其它 (1) MySQL教學 (1) Oracle_VirtualBox (1) SQL Server (1) SWT (1) Session (1) Stack (1) Struts 2 (1) Tool (1) ZK Studio (1) csv (1) grails-其它類 (1) jQuery-進階 (1) java mail (1) java web (1) java8 (1) jsoup (1) mockmvc (1) modules (1) tomcat (1) win10 (1) 其它類 (1) 圖片工具 (1) 模擬器 (1) 讀書分享 (1) 開發資訊 (1)

精選文章

初學 Java 的 HelloWorld 程式

撰寫一個JAVA程式 public class HelloWorld{ public static void main(String[ ] args){ System.out.println("我第一支Java程式!!"); } } ...