jQuery事件

  jQuery中的事件類型同JS大體類似,但也有部分不一樣的地方(例如使用方法、條件等)css

基本方法

css

  用來修改CSS屬性值,傳入的參數能夠是值/對象html

  

text

  相似於JS中的innerText,修改指定標籤節點內部的文本瀏覽器

html

  相似於JS中的innerHTML,修改指定標籤內部的HTML結構(即建立標籤修改標籤等操做)函數

 

鼠標事件

click&dbclick

  鼠標單擊/雙擊時觸發3d

  同時綁定時,雙擊事件觸發前會觸發單擊事件htm

mousedown&mouseup

  鼠標點擊下去/擡起時觸發對象

mouseenter&mouseleave&hover

  鼠標進入/離開/懸停在綁定元素的區域時觸發blog

   其中hover爲enter和leave的結合,能夠傳入兩個函數,第一個爲enter時觸發,第二個在leave時觸發seo

mouseover&mouseout

  效果同mouseenter&mouseleave,可是若是綁定在父元素上時,其子元素也會響應該事件(即有事件冒泡/事件捕獲效果)事件

  不推薦使用

mousemove

  在DOM元素內部移動鼠標時觸發,外部移動不觸發

scroll

  在DOM元素的高度發生變化時觸發

 

鍵盤事件

keydown&keyup

  當鍵盤/按鈕按下去/鬆開的時候觸發,但綁定事件的元素必須光標在上面時纔會觸發

  能夠傳入event參數(瀏覽器的一個對象)

  控制檯輸出的key爲按下/鬆開的鍵區分大小寫),而keyCode則是按下/鬆開按鍵的小寫字母ASCII碼不區分大小寫),大多時候用keyCode(只是識別按的鍵而不是輸入的內容)

keypress

  當鍵盤輸入了一個能夠在屏幕上產生字符的按鍵時才觸發(Shift、Ctrl等無效

 

其餘事件

ready

  DOM載入就緒時觸發

resize

  瀏覽器窗口大小變化時觸發,綁定在window對象

focus/blur

  得到/失去焦點時觸發,綁定在表單元素上

change

  元素值發生改變時觸發(value變化

  type屬性值爲number的表單元素只有在點擊上下鍵時才觸發,輸入時無效

  該事件須要必定的觸發時間不是實時

select

  文本被選擇時觸發,綁定在textarea文本類型的input元素

  能觸發該事件的元素,必須在選中文本後能夠修改文本

submit

  提交表單時觸發,能夠提交表單/阻止表單提交/提交表單時作一些須要的事(例如限定提交時某個部分的輸入內容)

  

 

事件參數

  全部事件都會傳入event對象做爲參數,能夠從中獲取事件中的詳細信息

  通常對於鼠標事件鍵盤事件,須要用event對象(獲取按鍵的keyCode等)

 

事件綁定&取消

事件綁定

  對選擇的DOM對象用on來綁定事件,其中至少傳入兩個參數(事件類型事件句柄

  

  綁定多個事件時,能夠像添加鍵值對的方式,事件類型做爲鍵,事件句柄做爲值

  

事件移除

  對選擇的DOM對象,用off取消綁定在其上面的一個/多個事件處理函數

  

事件綁定一次後移除

  對於綁定並只執行一次就解除的事件,用one來操做

  

相關文章
相關標籤/搜索