js事件

事件分类：

 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 ： 相对容器的垂直坐标

转载于:https://juejin.im/post/5be2e31f51882531b81acf25