JQuery學習隨筆(三) - 事件

weixin_34194087發表於2016-04-08

世界總是執行在可知的軌跡當中,只等著我們去發現

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 事件。

相關文章