js中什么是事件气泡,如何阻止事件气泡

JavaScript014

js中什么是事件气泡,如何阻止事件气泡,第1张

比如有3个div 一个包裹一个 点击最里面那个 会触发click事件

外面的DIV 一样会触发click事件

最外面的一样会触发click事件

如果你3个div 监听 你就会发现。。。

事件的触发顺序自内向外,这就是事件冒泡。以下为阻止冒泡

var oEvent = ev || event

oEvent.cancelBubble = true

oEvent.stopPropagation()

望采纳

气泡提示解决思路如下:

1、非模态弹出对话框。

2、去掉弹出对话框的边框和标题栏。

3、对话框上用于显示的控件全部自绘,以达到绚丽的效果。

4、设置对话框弹出位置。

5、定时器控制对话框消失。

这个效果其实蛮好实现的,一般的html元素都有onmouseover这个事件,即当鼠标移至目标元素时所触发的.你可以在这个事件里用javascript实现你所要的效果.

=======================================

补充:举个例子:你可以先设置一个div将其display设为none,这样它就不会显示出来了,然后当鼠标移至上面时,你可以先用document.GetElementByID获取这个div,然后将其的display设置成block就能够将其显示出来了.当然这个div的内容你可以随便设置的.