DOM Event: 常用事件，Part 2

本文很大程度上参考、整理自《DOM Enlightenment》及网络

可以到MDN的Event reference去查看所有event及相关文档。

本文会讲述以下类型的常用事件：

• UI事件
• Window、特有事件
• Document特有事件
• Drag事件

UI事件

• load，资源读取完成后触发；这些资源可能是html页面、css、frameset或js文件等，不可冒泡
• unload，资源被删除，或页面被关闭的时候触发，发生在beforeunload及pagehide事件之后，不可冒泡
• abort，资源读取被中断是触发，通常发生在XMLHttpRequest上
• error，资源读取失败或有其他错误（格式不对等）时触发，通常发生在XMLHttpRequest上
• resize，界面大小被改变时触发，只会在window、及上发生
• scroll，当元素或document上发生滚动时触发
• contextmenu，在元素上点击鼠标右键时发生，可取消

Window、特有的事件

以下的事件都默认不可冒泡，不可取消

• beforeunload，unload事件前触发，可取消
• hashchange，hash值发生改变时触发
• offline，当浏览器offline的时候触发
• online，浏览器online的时候触发
• pagehide和pageshow，前进、后退是会触发

Document特有的事件

• readystatechange，readyState属性发生改变时触发
• DOMContentLoaded，html加载并转换完成时触发（而不需要等待css、images等的完成），会在load事件之前

Drag事件

• drag，当元素被拖动时会持续地触发，在“被拖动的元素”上发生
• dragstart，拖动开始的时候触发，在“被拖动的元素”上发生
• dragend，拖动结束的时候触发，在“被拖动的元素”上发生
• dragenter、dragleave、dragover及drop，都在“可放置区域元素”上发生