JS中的冒泡事件

来源:互联网 发布:软件兼容性问题的原因 编辑:程序博客网 时间:2024/04/19 10:55
<html>
<head>
<html><head><title>test</title></head><body><ul onclick="test1()"><li onclick="test2()">test2</li></ul><script type="text/javascript">function test1(){alert("ul");}function test2(){alert("li");}</script></body></html>

在以上代码中,如果我点击了test2触发了test2事件后,继而也会触发test1事件,就会出现冒泡事件的问题,其实很多时候我只想触发test2,并不想其他的事件也连带触发,所以需要在test2方法中加上“window.event? window.event.cancelBubble = true : e.stopPropagation()”来阻止冒泡事件的发生。


原创粉丝点击