<html>
<head>
<style type="text/css">
body{background:#000;color:#FFF}
form{background:#F00}
</style>
</head>
<body>
<script type="text/javascript" src="jquery.js"></script>
<form>
<input type="button" value="button">
</form>
<script type="text/javascript">
$(window).click(function () {alert("window");});
$(document).click(function () {alert("document");});
$("form").click(function () {alert("form");});
$("input").click(function () {alert("button");});
</script>
</body>
</html>
阻止气泡：
<html>
<head>
<style type="text/css">
body{background:#000;color:#FFF}
form{background:#F00}
</style>
</head>
<body>
<script type="text/javascript" src="jquery.js"></script>
<form>
<input type="button" value="button">
</form>
<script type="text/javascript">
$(window).click(function (even) {even.stopPropagation();alert("window");});
$(document).click(function (even) {even.stopPropagation();alert("document");});
$("form").click(function (even) {even.stopPropagation();alert("form");});
$("input").click(function (even) {even.stopPropagation();alert("button");});
</script>
</body>
</html>
$('span').onclick = function(e)
{ $('test').style.display = 'block';
e = e || window.event;
if (e.stopPropagation) //W3W
{ e.stopPropagation(); }
else { e.cancelBubble = true; } // Ie阻止事件冒泡
}
地址：http://hi.baidu.com/lostsolar/blog/item/07c659f54088f569dcc47427.html
