DOM 事件模型或 DOM 事件机制

144 阅读1分钟

什么是DOM?

DOM(document Object Model)文档对象模型,以根元素开头展开一棵树,描述了处理网页内容的方法和接口。 最根本对象是 document

DOM事件模型和DOM 事件机制

DOM 事件模型本身就是解释元素有绑定函数执行顺序。

举个栗子,图中td 被点击,其上节点tr到window 都可以加上 onclick 事件去执行函数。函数执行顺序分为两种

  1. 从window到tr定义为捕获
  2. 从tr到window定义为冒泡 选择fn放在哪里

用哪种顺序?可以通过 addEventListener 的第三个参数控制

  1. e.addEventLisenter('click',fn)//不填就使用IE5的冒泡
  2. e.addEventLisenter('click',fn,true)//填true就是支持网景的捕获

阻止事件冒泡

e.stopPropagation() 可以中断冒泡。狭义的说即挂在冒泡顺序里的监听函数不被执行。

捕获无法取消,因为DOM是一颗树,根一定在的。只有顺着根不断发展