事件分類:
1、UI事件:
1、load
2、unload 視窗關閉
3、beforeunload 視窗關閉之前
4、Select 事件源為 input框
5、abort 使用者停止下載過程中,資源 沒有下載完成觸發
6、scroll 當使用者滾動帶有滾動條的元素內容時觸發
7、resize 當視窗或框架大小在變化時觸發
2、焦點事件:
1、blur
2、focus
3、滑鼠事件:
1、click 點選
2、mouseover 滑鼠懸停
3、mouseout 滑鼠離開
4、mousedown 滑鼠按下
5、mouseup 滑鼠抬起
6、mousemove 滑鼠移動
4、滾輪事件:
5、表單事件:
1、submit 提交表單 事件繫結到form上
2、reset 重置表單
3、input 元素內容改變 就觸發
4、change 事件源----可以改變內容的表單元素,失去焦點時觸發該事件
6、鍵盤事件:
1、keydown
2、keyup
3、keypress
7、合成事件:
8、變動事件:
------------------------------------ ** --------------------------------
scrollHeight: 物件的滾動高度(滾動條的高度,可滾動的高度)
scrollWidth: 物件的滾動寬度(同上)
scrollLeft: 物件左邊界和視窗中目前可見內容的左端之間的距離(滾動條已滾動的距離) scrollTop: 物件最頂端和視窗中可見內容的最頂端之間的距離(同上)
offsetHeight: 物件相對於版面或offsetParent 的高度(可見部分的寬度加上滾動條實體的寬度)
offsetWidth: 物件相對於版面或offsetParent 的寬度
offsetLeft: 物件相對於版面或由 offsetParent 左側位置
offsetTop:物件相對於版面或由 offsetTop 頂端位置
clientX: 相對文件的水平座標
clientY: 相對文件的垂直座標
clientWidth:相對文件的寬度(可見部分的寬度)
clientHeight:相對文件的高度
event.offsetX: 相對容器的水平座標
event.offsetY : 相對容器的垂直座標