Jquery之事件(三)

一、鼠標事件

A、click()監聽用戶單擊操作,dbclick()監聽用戶雙擊操作




B、mousedown和mouseup事件
這兩者的用法和click方法一樣,三種形式。
Click是由mousedown和mouseup兩個事件構成的。


C、mousemove 監聽用戶移動操作,使用方式與上面相同。

D、mouseover 鼠標移入時觸發,mouseout鼠標移出是觸發,用法同上。

E、mouseenter和mouseleave方法和D中的相似,但是這兩個方法不會冒泡,即觸及到哪就哪個作反應,而不是也觸及上層做反應。


F、hover給元素做切換效果



G、focusin和focusout





二、表單事件
A、blur 和focus與focusin和focusout的區別是:blur和focus只作用於元素本身,不會產生冒泡。
B、change事件


例子:


C、select事件


Select事件只能用於input元素和textarea元素。

用法:三種。


觸發元素的select事件。


D、submit事件




三、鍵盤事件

A、keydown()和keyup()

keydown()鍵盤按下是觸發,keyup()鍵盤松開時觸發

同樣三種使用方法


注意:keydown/keyup事件只是發送到具有焦點的元素上,不同的瀏覽器中,可以獲得焦點的元素略有不同,但是表單元素總是能獲取焦點,所以對於此事件類型表單元素是最合適的。
Keydown每次獲取的內容都是之前輸入的,當前輸入的獲取不到。

B、keypress()事件


總結:


四、事件的綁定和解綁

A、on()多事件綁定

鼠標事件,表單事件,鍵盤事件,都是給元素綁定一個處理函數,所有這類事件都是屬於快捷處理。這寫事件都只能綁定一個處理,而on的功能更加豐富:

而官方推薦的綁定事件的方法是on()方法。

基本使用方法:基本用法:.on( events ,[ selector ] ,[ data ])

功能:

1、多個事件綁定同一個函數


2、多個事件綁定不同函數


3、將數據傳遞到處理程序


on()的高級用法:


B、off()卸載事件


五、事件對象的使用
1、Jquery事件對象的作用
事件對象是用來記錄一些事件發生時的相關信息的對象。事件對象只有事件發生時纔會產生,並且只能是事件處理函數內部訪問,在所有事件處理函數運行結束後,事件對象就被銷燬。



可以判斷出,觸發的是哪個li;

2、Jquery事件對象的屬性和方法





六、自定義事件

1、trigger事件

.trigger是什麼?


2、triggerHandler事件









發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章