JS第十二章-事件流

JS第十二章-事件流

 

JS事件绑定 只能绑定一个事件

 

JS事件监听 .addEventListener() 可以监听多个事件

click: 事件

function(): 方法

 

 

事件捕获

事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)

 

document > html > body > div

 

事件冒泡

       事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发

div > body > html > document  

 

 

事件流：

 

 

 

 

 

 

 

事件默认启用冒泡

 

 

 

阻止冒泡 event.stopPropagation()

 

JS事件监听 .addEventListener() 可以监听多个事件

click: 事件

function(): 方法

false: 启用事件冒泡

true: 启用事件捕获

 

事件流总结：

       1. 捕获和冒泡是两个分开的业务流，功能不同，但需保持顺序

       2. 事件只会被执行一次