javascript 事件传递

我们先看下默认事件与定制事件的执行顺序:

弹出


执行结果:

javascript 事件传递_第1张图片
定制事件与自定义事件执行顺序

从执行结果可以看出,在捕捉事件时,将先捕捉DOM绑定的自定义事件,再捕捉默认事件。


js有两种事件传递方式:事件冒泡事件捕获
在某些老浏览器上(例如IE9以下),事件冒泡是唯一的事件传递方式;现代浏览器还支持事件捕获事件传递方式。
事件冒泡的方法是从下到上,或者说从内到外,总是从event target开始向上一级一级传递。
事件捕获是从最外层开始向内传递事件。

事件冒泡



执行结果:

javascript 事件传递_第2张图片
事件冒泡传递

事件捕获



执行结果:

javascript 事件传递_第3张图片
事件捕获传递

你可能感兴趣的:(javascript 事件传递)