1.捕获阶段
从外向里捕获
document ==> <html> ==> <body> ==> <div>
2.目标阶段
在目标元素上触发事件。
3.冒泡阶段
我们给子元素绑定了一个事件,当执行到这个事件时,这个事件会往上传递,如果父级元素也绑定了这个事件,此时这个事件就会再次触发,直到事件传递到顶层才结束。
另外当子元素没有绑定事件,但父盒子绑定了这个事件,那点击子元素,父元素也会触发此事件。
事件反向传播至文档。通常在事件处理时被认为是冒泡阶段的一部分。
从外向里捕获
document ==> <html> ==> <body> ==> <div>
在目标元素上触发事件。
我们给子元素绑定了一个事件,当执行到这个事件时,这个事件会往上传递,如果父级元素也绑定了这个事件,此时这个事件就会再次触发,直到事件传递到顶层才结束。
另外当子元素没有绑定事件,但父盒子绑定了这个事件,那点击子元素,父元素也会触发此事件。
事件反向传播至文档。通常在事件处理时被认为是冒泡阶段的一部分。