index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>事件对象</title>
<script type="text/javascript" src="jquery-1.10.1.js"></script>
<script type="text/javascript" src="demo.js"></script>
<link type="text/css" rel="stylesheet" href="style.css" />
</head>
<body>
<form action="123.html">
<div style="width:200px; height:200px; background:#ccc;">
<input type="submit" value="按钮" />
<a href="http://www.onestopweb.cn" target="_blank">一站式建网站</a>
</div>
</form>
</body>
</html>
demo.js
$(function(){
/*
//冒泡和阻止冒泡
$('input').click(function(e){
e.stopPropagation(); //禁止冒泡
alert('input');
});
$('div').click(function(e){
e.stopPropagation();
alert('div');
});
$(document).click(function(){
alert('document');
});
$('a').click(function(e){
e.preventDefault(); //阻止默认行为
alert('onestopweb');
});
//禁止表单提交
$('input').click(function(e){
e.preventDefault();
alert('表单提交');
});
$('form').submit(function(e){
e.preventDefault();
});
//阻止冒泡又禁止了默认行为
$('a').click(function(e){
e.preventDefault();
e.stopPropagation();
alert('onestopweb.cn');
});
$('div').click(function(e){
e.stopPropagation();
alert('div');
});
$(document).click(function(){
alert('document');
});
$('a').click(function(e){
//e.preventDefault();
//e.stopPropagation();
alert(e.isDefaultPrevented());
alert(e.isPropagationStopped());
});
$('a').click(function(e){
e.preventDefault();
e.stopPropagation();
});
$('a').click(function(e){
alert(e.isDefaultPrevented());
alert(e.isPropagationStopped());
});
*/
$('a').click(function(e){
e.stopImmediatePropagation();
alert(e.isImmediatePropagationStopped());
alert('a1');
});
$('a').click(function(e){
alert('a2');
});
$('div').click(function(e){
alert('div');
});
$(document).click(function(){
alert('document');
});
});