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 键