前端事件处理集合

一、window事件

        window事件是指事件的发生与浏览器窗口本身有关，而非特定的文档内容。当然这里也有一些文档元素上的事件与之重合。常见的window事件包括：

1、load:当页面文档以及图片等资源完全加载完毕后触发

2、onerror:当页面JavaScript处理出错的时候就会触发

3、hashchange: 当前URL的hash值发生变化的时候触发

4、scroll : 页面滚动的时候触发

等等等等其他的，如果需要看更详细的，可在chrome浏览器开发者模式下运行  console.log(this)，支持的所有window事件，应有尽有

二、DOM事件

顾名思义，DOM是类似 div一系列的html内容，发生在其身上的所有触发都可以叫做DOM事件，例如 鼠标相关的操作，DOM滚动 scroll，甚至拖拽等等。有必要说下HTML5新增的一系列事件：

H5新增了视频也音频这些元素

三、输入框文本事件

常见的文本输入框  input textarea 等获取焦点或者失去焦点，其内容变动触发的事件等等，均是文本框事件

四、鼠标事件

PC端时代，用户触动鼠标所产生的一系列反应，均称为鼠标事件。大体归类分为以下几种：1、鼠标滚动   2、滚轮   3、点击鼠标左键     4、点击鼠标右键  。相关名词包括但不限于  click  dbclick  mouseover mouseenter mousemove    mousedown    mouseup   mouseout   contextmenu

五、键盘事件

当键盘焦点聚集在浏览器的时候，键盘按键按下或者弹出产生的时间成为键盘事件。主要包括三个事件  keyup    keydown    keypress  。无论页面上哪个元素获取焦点的时候，均会产生冒泡到Document和Window对象，传递给键盘处理程序的事件对象有keyCode字段，通过它可以判断按下或者释放的是哪个键盘按钮

六、触摸屏事件

现在H5 移动页面占据了大量的流量，移动H5页面手势动作，是人机交互的主要来源，手指在屏幕端主要的操作有三个：touchstart   touchmove  touchend  ，当然有人要说还有touchcancel,大部分情况下，我是直接忽略这个的，为什么呢，主要要看何种情况下会产生这个touchcancel 。比如用户正在滑动屏幕，突然来了一个电话，这个时候你的滑动被打断了，才会产生touchcancel  ，非常少见，so，我一般就直接忽略了这点