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();

   它的作用是:事件处理过程中,不阻击事件冒泡,但阻击默认行为(它只执行所有弹框,却没有执行超链接跳转)

 

 

 

 

 

本人为前端菜鸟,如上面言论有误,希望大家能在下方评论指出,让菜鸟可以飞一飞~~

相关文章:

  • 2021-05-03
  • 2022-01-20
  • 2021-07-22
  • 2021-09-16
  • 2021-04-25
猜你喜欢
  • 2022-03-08
  • 2022-12-23
  • 2022-12-23
  • 2021-11-27
  • 2021-11-07
  • 2021-05-13
相关资源
相似解决方案