DOM事件模型

1.DOM(Domcument Object Model)即文档对象模型，W3C标准，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。

2.DOM事件：

• 与JS一样是浏览器提供的功能之一，JS只是调用了DOM提供的addEventListener而已。
• DOM使Javascript有能力对HTML上的事件做出反应。这些事件包括鼠标键盘的点击事件、移动事件以及页面中内容的变化等。
• HTML元素事件是浏览器内在自动产生的,当有事件发生时html元素会向外界(这里主要指元素事件的订阅者)发出各种事件,如click,onmouseover,onmouseout等等。

3.DOM事件流：DOM的结构是一个树形，每当HTML元素产生事件时，该事件就会在树的根节点和元素节点之间传播，所有经过的节点都会收到该事件。

4.DOM事件模型：

• IE：x.attachEvent('onclick',fn)//事件冒泡：从内向外找监听函数；
• 网景：x.addEventListener('click',fn)//事件捕获：从外向内找监听函数；
• W3C：x.addEventListener('click',fn,bool)//bool不填或false为事件冒泡；
• 捕获和冒泡同时存在，那就先捕获再冒泡；