Event 事件

注：
1.未标注IE均为 IE9
2.除 addEventListener 以外，事件名前需加 on



##绑定事件例

方式1:
document.getElementById("bn").onclick = function(){}

方式2:
document.getElementById("bn").addEventListener("click", function(){});
DOM IE 事件 描述
    鼠标  
2   click 单击标签时
2   dblclick 双击标签时
2   mousedown 按下鼠标按钮时
2   mouseup 释放鼠标按钮时
2 5.5 mouseenter 指针移到标签上时
2 5.5 mouseleave 指针移出标签时
2   mousemove 指针在标签上移动时
2   mouseout 指针移出标签或其中的子标签时
2   mouseover 指针移到标签或其中的子标签上时
       
3   wheel 滚轮向上或向下滚动时
3   contextmenu 右键单击标签，打开上下文菜单时
    键盘  
2   keypress 按下键时（屏幕可显示字符触发事件）
2   keydown 按下键时（所有键触发）
2   keyup 松开键时
    拖动  
3   drag 拖动标签时
3   dragstart 开始拖动标签时
3   dragend 完成拖动标签后
3   dragenter 拖动的标签进入放置目标时
3   dragleave 拖动的标签离开放置目标时
3   dragover 拖动的标签位于放置目标之上时
3   drop 将拖动的标签放置在放置目标上时
    剪贴板  
    copy 复制标签内容时
    cut 剪切标签内容时
    paste 将内容粘贴到标签中时
    媒体  
3   canplay 浏览器可以开始播放媒体时
3   canplaythrough 浏览器可以在不停止缓冲的情况下播放媒体时
3   durationchange 媒体时长改变时
3   ended 媒体播放完时
3   loadeddata 媒体数据加载后
3   loadstart 浏览器开始查找指定的媒体时
3   pause 媒体被暂停时
3   play 媒体已启动或不再暂停时
3   playing 媒体被暂停或停止以缓冲后播放时
3   ratechange 媒体播放速度改变时
3   seeked 完成移动/跳到媒体中的新位置时
3   seeking 开始移动/跳到媒体中的新位置时
3   stalled 浏览器尝试获取媒体数据但数据不可用时
3   timeupdate 播放位置更改时
3   volumechange 媒体音量已更改时
3   waiting 媒体已暂停但预期会恢复时
3   suspend 浏览器有意不获取媒体数据时
3   progress 浏览器正处于获得媒体数据的过程中时
    动画  
3 10 animationstart CSS 动画开始时（不兼容）
3 10 animationend CSS 动画完成时（不兼容）
3 10 animationiteration 重复 CSS 动画时（不兼容）
    触摸屏  
  Edge touchstart 手指放在触摸屏上时
  Edge touchmove 手指在屏幕上拖动时
  Edge touchend 手指移开触摸屏时
  Edge touchcancel 触摸被中断时
    其它  
2   load 对象已加载时
2   error 加载外部文件时发生错误时
2   focus 标签获得焦点时
2   blur 标签失去焦点时
2   change form标签的内容、选择的内容或选中的状态发生改变时
2   submit 提交form表单时
2   reset 重置form表单时
2   resize 调整文档视图的大小时
2   scroll 滚动标签的滚动条时
2   select 选择文本后，input、textarea
       
3   input 获得用户输入时

事件属性方法

DOM IE 属性 描述
    鼠标  
2   altKey 判断是否按下了 ALT 键
2   ctrlKey 判断是否按下了 CTRL 键
2   shiftKey 判断是否按下了 SHIFT 键
2 8 button 判断按下那个鼠标按钮（IE8及以前键值不同）
3   buttons 判断按下那个鼠标按钮
       
    screenX 返回鼠标指针相对于屏幕的 X坐标
    screenY 返回鼠标指针相对于屏幕的 Y坐标
    clientX 返回鼠标指针相对于窗口的 X坐标
    clientY 返回鼠标指针相对于窗口的 Y坐标
    pageX 返回鼠标指针相对于文档（body）的 X坐标
    pageY 返回鼠标指针相对于文档（body）的 Y坐标
    offsetX 返回鼠标指针相对于标签的 X坐标
    offsetY 返回鼠标指针相对于标签的 Y坐标
    MovementX 返回相对于上一 mousemove 事件的位置的鼠标指针的水平坐标
    MovementY 返回相对于上一 mousemove 事件的位置的鼠标指针的垂直坐标
       
    deltaX 返回鼠标滚轮的 X 轴滚动量
    deltaY 返回鼠标滚轮的 Y 轴滚动量
    deltaZ 返回鼠标滚轮的 Z 轴滚动量
    detail 返回鼠标被单击次数
    键盘  
    altKey 是否按下了 ALT 键
    ctrlKey 是否按下了 CTRL 键
    shiftKey 是否按下了 SHIFT 键
    charCode 返回触发 onkeypress 事件的键的 Unicode 字符代码。
    code 返回触发事件的键的代码。
    key 返回事件表示的键的键值。
    keyCode 返回触发 onkeypress、onkeydown 或 onkeyup 事件的键的 Unicode 字符代码。
    location 返回键盘或设备上按键的位置。
    metaKey 返回按键事件触发时是否按下了 "META" 键。
    which 返回触发 onkeypress 事件的键的 Unicode 字符码，或触发 onkeydown 或 onkeyup 事件的键的 Unicode 键码
    其它  
    animationName 返回动画的名称。
    bubbles 返回特定事件是否为冒泡事件。
    cancelBubble 设置或返回事件是否应该向上层级进行传播。
    cancelable 返回事件是否可以阻止其默认操作。
    changeTouches 返回在上一触摸与该触摸之间其状态已更改的所有触摸对象的列表
    clipboardData 返回对象，其中包含受剪贴板操作影响的数据。
    composed 指示该事件是否可以从 Shadow DOM 传递到一般的 DOM。
    currentTarget 返回其事件侦听器触发事件的元素。
    data 返回插入的字符。
    dataTransfer 返回一个对象，其中包含被拖放或插入/删除的数据。
    defaultPrevented 返回是否为事件调用 preventDefault() 方法。
    deltaMode 返回数字，代表增量值（像素、线或页面）的度量单位。
    elapsedTime 返回动画已运行的秒数。
    elapsedTime 返回过渡已运行的秒数。
    eventPhase 返回当前正在评估事件流处于哪个阶段。
    inputType 返回更改的类型（即 "inserting" 或 "deleting"）。
    isComposing 返回事件的状态是否正在构成。
    isTrusted 返回事件是否受信任。
    lengthComputable 返回进度的长度是否可计算。
    loaded 返回已加载的工作量。
    newURL 返回更改 hash 后的文档 URL。
    newValue 返回更改后的存储项目的新值。
    oldURL 返回更改 hash 前的文档 URL。
    oldValue 返回更改后的存储项目的旧值。
    onemptied 当发生不良情况且媒体文件突然不可用时，发生此事件。
    persisted 返回网页是否被浏览器缓存。
    propertyName 返回与动画或过渡相关联的 CSS 属性的名称。
    pseudoElement 返回动画或过渡的伪元素的名称。
    region
    relatedTarget 返回与触发鼠标事件的元素相关的元素。
    repeat 返回是否重复按住某个键。
    state 返回包含历史记录条目副本的对象。
    storageArea 返回代表受影响的存储对象的对象。
    target 返回触发事件的元素。
    targetTouches 返回包含仍与触摸面接触的所有触摸点的Touch对象的TouchList列表
    timeStamp 返回创建事件的时间（相对于纪元的毫秒数）。
    total 返回将要加载的工作总量。
    touches 返回当前与表面接触的所有 touch 对象的列表。
    type 返回事件名称。
    url 返回已更改项目的所在文档的 URL。
    view 返回对发生事件的 Window 对象的引用。
    方法 描述
    composedPath() 返回事件的路径。
    createEvent() 创建新事件。
    getModifierState() 返回包含目标范围的数组，此范围将受到插入/删除的影响。
    getTargetRanges() 返回包含目标范围的数组，此范围将受到插入/删除的影响。
    preventDefault() 如果可以取消事件，则将其取消，不执行属于该事件的默认操作。
    stopImme...() 防止同一事件的其他侦听器被调用。
    stopPropagation() 防止事件在事件流中进一步传播。