JavaScript的事件是以一种流的形式存在的,一个事件会有多个元素同时响应。具体分为:捕获型事件、冒泡型事件(所有浏览器都支持)。
捕获型事件是自上而下的,而冒泡型事件是自下而上的。下面这张图说的很明了:
1.捕获型事件:
下图中id为div1和div2的两个元素都被绑定了捕捉阶段的事件处理函数:
当点击#div1(红色区域)时,应该会alert出”div1″当点击#div2(黄色区域)时,应该会先alert出”div1″,再alert出”div2″,因为在事件捕捉阶段,事件是从根元素向下传播的,#div1是#div2的父元素,自然绑定在#div1上的click事件也会先于#div2上的click事件被执行。
2.冒泡型事件:
一个典型的例子:
结果: