<html>
<head>
<head>
<html>
<head>
<title>test</title>
</head>
<body>
<ul οnclick="test1()">
<li οnclick="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()”来阻止冒泡事件的发生。