javascript 中阻止事件冒泡和阻止默认行为

事件冒泡简介

当某个事件触发时,事件开始从内向外传播,直到document。



阻止事件冒泡和阻止默认事件


javascript 中阻止事件冒泡和阻止默认行为_第1张图片
javascript 中阻止事件冒泡和阻止默认行为_第2张图片

阻止事件冒泡:当点击c区域时候,避免b和a的事件触发

阻止默认行为:当c是超链接,点击c区域时候避免c的行为。(依然会触发事件冒泡)



阻止事件冒泡的2种方法

1.W3C标准阻止事件冒泡:event.stopPropagation()

2.IE浏览器阻止事件冒泡:event.cancelBubble = true



阻止默认行为的2种方法

1.W3C标准阻止默认行为:event.preventDefault()

2.IE浏览器阻止默认行为:event.returnValue = false


javascript 中阻止事件冒泡和阻止默认行为_第3张图片

你可能感兴趣的:(javascript 中阻止事件冒泡和阻止默认行为)