1、事件冒泡 :IE事件流叫做事件冒泡
如果单击事件作用在div元素上,这个元素就是我们的单击元素,然后click事件会沿着DOM树向上传播,在每一个节点都会触发,直到document上面。
2、事件捕获
在事件捕获阶段,document首先接受click事件,然后沿着DOM树一次向下执行,一直传播到事件的实际目标,即div元素,
3、事件目标
在DOM2级事件,规定的事件流包括三个阶段:事件捕获阶段,事件处于目标阶段,事件冒泡阶
意味着在捕获阶段,document到HTML再到body后就停止了,,下一阶段是处于目标阶段,于是事件在div上发生,并在事件处理中看成冒泡阶段,然后冒泡阶段发生事件又传播回文档。
阻止事件冒泡:
1.event.stopPropagation();
事件处理过程中,阻止了事件冒泡,但不会阻击默认行为(它就执行了超链接的跳转)
2.return false;
事件处理过程中,阻止了事件冒泡,也阻止了默认行为(比如刚才它就没有执行超链接的跳转)
还有一种有冒泡有关的:
3.event.preventDefault();
它的作用是:事件处理过程中,不阻击事件冒泡,但阻击默认行为(它只执行所有弹框,却没有执行超链接跳转)
本人为前端菜鸟,如上面言论有误,希望大家能在下方评论指出,让菜鸟可以飞一飞~~