事件委托
定义:子元素将事件委托到父元素上,基于事件冒泡的原理,让自己的所要触发的事件,让它的父级元素代替执行。
优点:节省内存,节省资源
事件冒泡
定义:事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点。
事件流
事件流描述的是从页面接收事件的顺序。
ie的事件流是事件冒泡,即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点。
<!DOCTYPE html>
<html>
<head>
<title>事件冒泡</title>
</head>
<body>
<div id="mydiv">Clickme</div>
</body>
</html>
<!-- 如果你单击了div,那么这个click事件,会从div body html document这样的顺序,沿着DOM树向上执行,直至传播到document对象 -->
<!-- 注意:ie5及更早版本的浏览器会跳过html,直接从body到document -->
<!-- IE9 Firefox Chrome和Safari则将事件一直冒泡到window对象上 -->
网景公司认为的DOM事件流 →事件捕获 事件目标 事件冒泡(也是W3C标准)
在DOM事件流中,实际的目标,div元素,在事件捕获阶段不会接收到事件,这就意味着在捕获阶段事件从document到html到body就停止了,下一个阶段是处于事件目标阶段,于是事件在div上发送,事件处理被看成事件冒泡的一部分,然后事件冒泡发生,事件又传播回到文档。