js 事件冒泡详解、 捕获、阻止方法

js 事件冒泡,如果是下级方法,下级方法中覆盖上级方法失败,运行的  下级方法运行后,由于冒泡,页面会再次执行上级方法

参考链接http://www.jb51.net/article/48935.htm

总之要做的就是:

    把它给关了(阻止事件冒泡)

 在IE下:js中添加代码

window.event.cancelBubble = true

其他浏览器下:

e.stopPropagation()

亲测可行

除了event.stopPropagation()外 还有其他两种方法,如下:

A:return false --->In event handler ,prevents default behavior and event bubbing 。

return false 在事件的处理中,可以阻止默认事件和冒泡事件。

B:event.preventDefault()---> In event handler ,prevent default event (allows bubbling) 。

event.preventDefault()在事件的处理中,可以阻止默认事件但是允许冒泡事件的发生。

C:event.stopPropagation()---> In event handler ,prevent bubbling (allows default behavior).。

event.stopPropagation()在事件的处理中,可以阻止冒泡但是允许默认事件的发生。


你可能感兴趣的:(web)