js防止气泡和默认事件（默认行为）详细解释

本文的示例是让大家共享js防止气泡和默认事件的方法，供大家参考，详情如下

停止冒泡。例如简单的泡沫，儿子知道秘密的消息，它告诉了爸爸，爸爸知道了，告诉爷爷，调班事件的混乱造成的，防止泡沫不让儿子告诉爸爸，爸爸没有告诉爷爷。以下多莫是一个很好的例子。
{ #盒
宽度：300px；
身高：300px；
背景：红色；
显示：无；
}
在window.onload =函数（）{
建立document.getelementbyid VaR（'btn）；
VaR箱= document.getelementbyid（'box）；
btn.onclick =功能（EV）{
无功oevent = EV事件| |；
box.style.display =阻止；
/ / / oevent.cancelbubble = true；高版本的浏览器
stopbubble（oevent）；
在浏览器的Chrome和Firefox的低版本中需要兼容性处理。
高版本的Chrome和Firefox浏览器上的代码行，可以直接使用。
}
onclick =函数（）{
box.style.display =不关；
}

}
停止兼容性事件冒泡
功能stopbubble（e）{
如果（E e.stoppropagation）{ / /伊江
e.stoppropagation（）；
{其他{伊江
window.event.cancelbubble =真；
}
}


我已经取得了效果，单击全选按钮让框中显示，而点击其他地方让方块消失。

如果我不阻止泡沫，然后按钮会触发点击第一次让框中显示，但由于箱中包含的文件，它会冒泡，触发点击事件，和盒子就会再次消失，这一事件的执行顺序可以通过警报在不同的单击事件的验证。cancelbubble兼容性处理在高版本的Chrome和Firefox不兼容处理，也可以直接使用oevent.cancelbubble =真的。下面的兼容性处理可以防止浏览器事件也不在高版本的浏览器需要。

默认事件，即浏览器本身的功能。

功能preventdefa（e）{
如果（窗口事件）{
防止函数设备默认动作的方法
window.event.returnvalue = false；
}
别的{
停止默认浏览器操作（W3C）
E.preventDefault（）；
}
}
这是一种兼容性样式，但是如果你只需要支持浏览器的高版本，那么，像上面一样，一句话。

btn.onclick =函数（）{
返回false；
}
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。