JS事件匯總


1. js事件

  1.1 onclick  點擊事件

  1.2 onload  用戶進入某個頁面的時候觸發(onload 事件可用於檢測訪問者的瀏覽器類型和瀏覽器版本,並基於這些信息來加載網頁的正確版本。)

  1.3 onunload  用戶離開某個頁面的時候觸發(onload 和 onunload 事件可用於處理 cookie。)

  1.4 onchange  內容變化事件(常結合對輸入字段的驗證來使用)

  1.5 onmouseover  鼠標移動到HTML元素上方的事件

  1.6 onmouseout  鼠標移出HTML元素上方的事件

  1.7 onmousedown  鼠標按下的時候觸發的事件

  1.8 onmouseup  鼠標彈起觸發的事件(onmousedown,onmouseup和onclick區別,onclick是鼠標完成點擊事件的時候觸發的事件)

  1.9 onfocus  元素獲取焦點事件

  1.10 onblur  元素失去焦點事件

  1.11 onabort  圖像的加載失敗

  1.12  ondblclick  雙擊事件

  1.13 onerror  當加載圖像和文檔時發生錯誤

  1.14 onkeydown  鍵盤按鍵被按下發生的事件

  1.15 onkeyup  鍵盤按鍵被松開發生的事件

  1.16 onkeypress  鍵盤按鍵按下並松開發生的事件

  1.17 onmousemove  鼠標移動

  1.18 onresize  窗口或者框架被重新調整大小

  1.19 onselect  文本被選中

  1.20 onreset  重置按鈕被點擊

  1.21 onsubmit  提交按鈕被點擊

(阻止事件冒泡:ie使用 e.cancleBubble = true、e.stopPropagation(); 取消默認事件: e.preventDefault(),IE則是使用e.returnValue = false )

2. 綁定事件的幾種方法

  2.1 行內綁定(缺點: 不利於后期維護)

    

  2.2 動態綁定

    獲取到dom元素,並在元素上綁定事件

    

    (行內綁定中,其事件處理中的this指向了全局window對象;動態綁定中,其事件處理中的this指向了當前正在操作的dom對象)

  2.3 事件監聽

    

    處理表格或者列表中的數據的時候使用事件委托的方式,只綁定一次事件,避免性能的損耗。

  2.4 jquery綁定事件

    2.4.1 bind綁定

    

    (以下是簡寫)

    

    2.4.2 on綁定(on(events,[selector],[data],fn))

    

    

    2.4.3 更多

    綁定事件的方法還有live 和 delegate。

    幾種方法之間的差別,bind()的事件函數只能針對已經存在的元素進行事件的設置。如果你想對動態創建的元素bind()事件,是沒有辦法達到效果的,但是live(),on(),delegate()均支持未來新添加元素的事件設置,現在基本已經使用on替換掉另外幾種方法。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM