Bubble in JavaScript DOM

DOM树的结构是:


UL
  - LI
     - A
	  - SPAN

鼠标进入UL的任何一个子元素,如果不停止冒泡,我们从UL到SPAN都定义了鼠标悬停(mouseover)事件,这个事件会上升了UL,从而从鼠标所进入的元素到UL元素都会有红色的边。

如果停止冒泡,事件不会上升,我们就可以获取精确的鼠标进入元素。