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替換掉另外幾種方法。