事件委托

事件委托

定义:子元素将事件委托到父元素上,基于事件冒泡的原理,让自己的所要触发的事件,让它的父级元素代替执行。
优点:节省内存,节省资源

事件冒泡

定义:事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点。

事件流

事件流描述的是从页面接收事件的顺序。
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上发送,事件处理被看成事件冒泡的一部分,然后事件冒泡发生,事件又传播回到文档。

原文地址:https://www.cnblogs.com/lml-lml/p/7107240.html