event 事件

http://www.jb51.net/article/99099.htm

https://www.cnblogs.com/qingqingzou-143/p/6725192.html

---

event 对象（ 事件处理程序的参数 ）

在调用事件函数时，只需将其当参数传入即可

functiongetEvent(event) {

 event = event || window.event;      // 浏览器兼容

}

       在IE8及以前版本之中，通过设置属性注册事件处理程序时，调用的时候并未传递事件对象，需要通过全局对象window.event来获取。所以上述代码中我们利用 || 来做判断，如果event对象存在则使用event，不存在则使用window.event。

event 对象方法

stopPropagation : 阻止事件进一步传播（为了兼容 IE8，则需要用 cancelBubble 代替stopPropagation ）

event.stopPropagation( ) 或 event.cancelBubble = true

preventDefault :取消事件的默认操作（在 IE9 之前的浏览器中需要设置returnValue属性为false来实现）

stopImmediatePropagation：阻止事件的传播，与stopPropagation不同的是：还禁止了该元素上的同类事件

event 对象属性

type 属性  ：event.type 可获取事件发生的类型

target属性 ： event.target 获取事件的目标对象

鼠标事件属性 ： 见 demo 图片浏览器

event.screenX    event.screenY   获取鼠标基于屏幕的X轴坐标、Y轴坐标

event.clientX      event.clientY      获取鼠标基于浏览器窗口的X轴坐标、Y轴坐标

event.pageX      event.pageY       获取鼠标基于文档的X轴坐标、Y轴坐标

键盘事件属性 ：

event.keycode    获取按下键的键码值

event.ctrlkey       获取是否按下 ctrl 键

event.shiftkey     获取是否按下 shift 键

event.altkey        获取是否按下 alt 键