js自定义事件与事件托管
js
element.addEventListener('custom-event', (event) => {
// 做点什么
console.log(event.detail) // "www"
})
function example() {
// 在某个地方触发事件
const event = new CustomEvent(
'custom-event',
{
bubbles: true, // 允许冒泡, 用于事件托管
detail: 'www' // 一些数据
}
)
// 子组件触发事件
childElement.dispatchEvent(event)
}