冒泡和捕获

161 阅读1分钟

1 - 冒泡和捕获

冒泡:从内到外触发(从子元素到父元素)

捕获:从外到内触发(从父元素到子元素)

2 - 控制冒泡和捕获

原生js使用 addEventListener(event,fn,useCapture) 来添加事件监听,默认第三个参数 useCapture 的值是 false即冒泡触发,设置为true后则为捕获触发

3 - 阻止冒泡、阻止默认事件

①阻止冒泡:

原生:e.stopPropagation()

IE:e.cancelBubble = true

Vue:@click.stop

②阻止默认事件

原生:e.preventDefault()

IE:e.returnValue = false

Vue:@click.prevent