JQuery學習隨筆(三) - 事件
世界總是執行在可知的軌跡當中,只等著我們去發現
jQuery事件
jQuery封裝了大量的javascript事件,方便了開發人員的使用。這樣規範了程式碼,也使得想我這種強迫症患者能開心的使用。
jQuery分類
- 事件繫結與取消
-
bind()
- 規定向被選元素新增的一個或多個事件處理程式。 -
delegate()
- 為指定被選元素的子元素新增一個或多個事件處理程式。 -
die()
- 移除所有通過 live() 方法向指定元素新增的一個或多個事件處理程式。 -
live()
- 為被選元素附加一個或多個事件處理程式。 -
load()
- 當指定的元素(及子元素)已載入時,會發生 load() 事件。 -
toggle()
- 用於繫結兩個或多個事件處理器函式,以響應被選元素的輪流的 click 事件。 -
unbind()
- 移除被選元素的事件處理程式。 -
undelegate()
- 刪除由 delegate() 方法新增的一個或多個事件處理程式。 -
unload()
- 當使用者離開頁面時,會發生 unload 事件。
-
- 元素狀態的變化
-
blur()
- 當元素失去焦點時發生 blur 事件。 -
change()
- 當元素的值發生改變時,會發生 change 事件。 -
click()
- 當點選元素時,會發生 click 事件。 -
dblclick()
- 當雙擊元素時,會發生 dblclick 事件。 -
focus()
- 當元素獲得焦點時,發生 focus 事件。
-
- 元素外部狀態
-
resize()
- 當調整瀏覽器視窗的大小時,發生 resize 事件。 -
scroll()
- 當使用者滾動指定的元素時,會發生 scroll 事件。 -
select()
- 文字被選擇時,會發生 select 事件。 -
submit()
- 當提交表單時,會發生 submit 事件。
-
- 特殊狀態觸發
-
error()
- 當元素遇到錯誤(沒有正確載入)時,發生 error 事件。 -
trigger()
- 觸發被選元素的指定事件型別。 -
triggerHandler()
- 觸發被選元素的指定事件型別。但不會執行瀏覽器預設動作,也不會產生事件冒泡。
-
- 滑鼠鍵盤事件
-
keydown()
- 當按鈕被按下時,發生 keydown 事件。 -
keypress()
- keypress 事件與 keydown 事件類似。當按鈕被按下時,會發生該事件。它發生在當前獲得焦點的元素上。 -
keyup()
- 當按鈕被鬆開時,發生 keyup 事件。它發生在當前獲得焦點的元素上。 -
mousedown()
- 當滑鼠指標移動到元素上方,並按下滑鼠按鍵時,會發生 mousedown 事件。 -
mouseenter()
- 當滑鼠指標穿過元素時,會發生 mouseenter 事件。 -
mouseleave()
- 當滑鼠指標離開元素時,會發生 mouseleave 事件。 -
mousemove()
- 當滑鼠指標在指定的元素中移動時,就會發生 mousemove 事件。 -
mouseout()
- 當滑鼠指標從元素上移開時,發生 mouseout 事件。 -
mouseover()
- 當滑鼠指標位於元素上方時,會發生 mouseover 事件。 -
mouseup()
- 當在元素上放鬆滑鼠按鈕時,會發生 mouseup 事件。
-
相關文章
- 初步學習jQuery之事件jQuery事件
- jQuery隨筆jQuery
- jQuery 學習筆記jQuery筆記
- jQuery學習筆記jQuery筆記
- typora,markdown學習隨筆
- Python學習筆記(隨筆)Python筆記
- jQuery學習筆記(ajax)jQuery筆記
- jQuery 學習系列筆記jQuery筆記
- Jquery學習筆記(一)jQuery筆記
- jQuery學習筆記03jQuery筆記
- jQuery 學習筆記(二)jQuery筆記
- jQuery學習筆記(2)jQuery筆記
- jquery ajax學習筆記jQuery筆記
- Jquery學習筆記一jQuery筆記
- Python學習隨筆(九)Python
- jquery學習手記(10)事件簡介jQuery事件
- jQuery學習系列筆記(二)jQuery筆記
- jquery備忘學習筆記jQuery筆記
- 初學Node.js--學習隨筆Node.js
- jQuery 學習筆記:jQuery 程式碼結構jQuery筆記
- Javasript學習筆記-Event事件Java筆記事件
- react學習(三)- 事件系統React事件
- Hive入門學習隨筆(二)Hive
- nginx學習隨筆--worker_processesNginx
- Python-pptx學習隨筆Python
- jQuery原始碼學習筆記一jQuery原始碼筆記
- Jquery+Ajax+php學習筆記jQueryPHP筆記
- Vue.js原始碼學習三 —— 事件 Event 學習Vue.js原始碼事件
- node事件迴圈學習筆記事件筆記
- 拖放事件(自己的學習筆記)事件筆記
- React學習筆記-事件處理React筆記事件
- Java學習隨筆(函式式介面)Java函式
- 近段時間oracle學習隨筆Oracle
- 開通個人學習隨筆記錄筆記
- React 學習筆記【三】React筆記
- goLang學習筆記(三)Golang筆記
- cmake 學習筆記(三)筆記
- 科三學習筆記筆記