<head>
<title> 阻止JS事件冒泡传递（stopPropagation）</title><script>
window.onload=dow;
//求一数，FF下可执行，body内容不改变。
//点击child时,不弹出警告
function dow(event) {
ab=document.getElementByTagId('child');event.stopPropagation()}
}
</script>
<body>
</head>
<div id="parent" onclick="alert(this.id)" style="width:250px;background-color:cyan;height:500px"> <div id="child" style="width:200px;background-color:lightblue;height:200px">
</div>
</div>
</body>
</HTML>
<title> 阻止JS事件冒泡传递（stopPropagation）</title><script>
window.onload=dow;
//求一数，FF下可执行，body内容不改变。
//点击child时,不弹出警告
function dow(event) {
ab=document.getElementByTagId('child');event.stopPropagation()}
}
</script>
<body>
</head>
<div id="parent" onclick="alert(this.id)" style="width:250px;background-color:cyan;height:500px"> <div id="child" style="width:200px;background-color:lightblue;height:200px">
</div>
</div>
</body>
</HTML>
<script>
window.onload=dow;
function dow(event) {
var ab = document.getElementById('child');
ab.onclick = function(e){
if(e) e.stopPropagation();
else window.event.cancelBubble = true;
}
}</script>
<body>
</head>
<div id="parent" onclick="alert(this.id)" style="width:250px;background-color:cyan;height:500px">
<div id="child" style="width:200px;background-color:lightblue;height:200px">
xxxx
</div>
</div>