js事件

Tiff發表於2018-11-07

事件分類:

 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 : 相對容器的垂直座標


相關文章