w3c取消冒泡
e.stopPropagation();
IE取消冒泡
e.cancelBubble();
实例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>取消冒泡</title>
</head>
<body>
<div id="box1" style="background: #ABCDEF; width: 300px;height: 300px;">
<input type="button" value="test1" id="btn1">
</div>
<script>
var btn1 = document.getElementById("btn1");
var box1 = document.getElementById("box1");
btn1.onclick = function (e) {
alert("button clicked");
var e = e||window.event;//兼容ie
if(typeof e.cancelBubble == "undefined"){
e.stopPropagation();
}else {
e.cancelBubble = true;
}
};
box1.onclick = function () {
alert("div clicked")
};
document.body.onclick = function () {
alert("body clicked")
};
document.documentElement.onclick = function () {
alert("html clicked")
};
document.onclick = function () {
alert("document clicked")
}
</script>
</body>
</html>