事件对象

const div = document.querySelector('div')
div.addEventListener('click', event => {
  console.log(event)
})

• IE 678 通过window.event获取时间对象
• 兼容event = event || window.event

触发事件对象的节点元素

IEevent.srcElement标准event.traget

事件类型

event.type

阻止默认事件

IEevent.returnValue标准event.preventDefault()

阻止冒泡事件

IEevent.cancelBubble标准event.stopPropagation()

鼠标事件对象MouseEvent

鼠标坐标

event.clientX``event.clientY相对于浏览器窗口可视区的坐标
event.pageX``event.pageY相对于文档页面的坐标 IE 9+ 支持
event.screntX``event.screntY相对于电脑屏幕的坐标

键盘事件对象KeyboardEvent

键盘按键值

event.keyCode返回该键的 ASCII 值
event.key返回按键的值

触摸事件对象TouchEvent

手指列表

event.touches

• 手指离开时消失

触摸元素列表

event.targetTouches

• 手指离开时消失

手指状态列表

event.changedTouches

• 手指状态发生改变的列表，从无到有，从有到无