JS中阻止事件的传播

(一)事件

• 事件是指用户在某事务上由于某种行为所执行的操作（对浏览器页面元素的某种操作）。
• 事件是文档或者浏览器窗口中发生的，特定的交互瞬间，事件是javaScript和DOM之间交互的桥梁。
• 每次当特定事件发生的时候，就会产生很多信息，利用这些信息，我们可以进行一些操作。列如当鼠标点击屏幕中某个位置时，这就是一个click事件，我们可以获取这个事件并执行相应代码，事件中包含点击的位置，点击的时间等信息，具体信息可以通过在控制台打印查看。

(二)事件传播

1. 事件流

一个完整的事件流是从window开始最后回到window的过程，其中1-5为事件捕获过程，5-6为目标过程，6-10为事件冒泡过程。

• 在事件捕捉阶段，事件将沿着DOM树向下转送，从目标节点的每一个祖先节点，直至目标节点。例如，若用户单击了一个超链接，则该单击事件将从document节点转送到html元素，body元素以及包含该链接的p元素。在此过程中，浏览器都会检测针对该事件的捕捉事件监听器，并且运行该事件监听器。
• 在目标阶段，浏览器在查找到已经指定给目标事件的事件监听器之后，就会运行该事件监听器。目标节点就是触发事件的DOM节点。例如，如果用户单击一个超链接，那么该链接就是目标节点（此时的目标节点实际上是超链接内的文本节点）。
• 在冒泡阶段，事件将沿着DOM树向上转送，再次逐个访问目标元素的祖先节点到document节点。该过程中的每一步。浏览器都将检测那些不是捕捉事件监听器的事件监听器，并执行它们。

简单的讲，一个事件的传播过程，就是事件冒泡的过程，即从下往上的将事件进行传递。

2. Jquery中两种阻止事件传播的方法

• event.stopPropagation()该方法会阻止事件的冒泡过程。
• event.stopImmediatePropagation()阻止事件冒泡并且阻止该元素上同事件类型的监听器被触发。