Mark24
记录灵感、技术、思考
浏览器事件模型
捕获型事件
当你使用捕获型事件时
| |
---------------| |-----------------
| element1 | | |
| -----------| |----------- |
| |element2 \ / | |
| ------------------------- |
| Event CAPTURING |
-----------------------------------
元素1的事件处理函数首先被触发，元素2的事件处理函数最后被触发
冒泡型事件
当你使用冒泡型事件时
/ \
---------------| |-----------------
| element1 | | |
| -----------| |----------- |
| |element2 | | | |
| ------------------------- |
| Event BUBBLING |
-----------------------------------
元素2 的处理函数首先被触发，元素1其次
W3C 模型
W3c明智的在这场争斗中选择了一个择中的方案。任何发生在w3c事件模型中的事件，首是进入捕获阶段，直到达到目标元素，再进入冒泡阶段
| | / \
-----------------| |--| |-----------------
| element1 | | | | |
| -------------| |--| |----------- |
| |element2 \ / | | | |
| -------------------------------- |
| W3C event model |
------------------------------------------
IE浏览器只支持冒泡，不支持捕获，通常开发过程中，只是利用冒泡来绑定和捕获事件。