html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="box" id="aa">123aaaaaasdasdsadsadsadsadsadassssssssssssssssdasdasdasdasdasdddddddddddddd
<div id="ee">444<div id="tt">555</div></div></div>
<script src="js/common.js"></script>
</body>
</html>
js代码
window.onload = function(){
//以下代码会从ee开始冒泡执行
document.onclick = function(){
alert('document');
}
document.documentElement.onclick = function(){
alert('html');
}
document.body.onclick = function(){
alert('body');
}
document.getElementById('aa').onclick = function(){
alert('aa');
}
document.getElementById('ee').onclick = function(){
alert('ee');
}
}