标签:
1、e.stopPropagation()//禁止冒泡
2、e.preventDefault()//阻止跳转
3、return false //阻止默认行为,禁止冒泡
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件冒泡</title>
<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
<script>
$(function(){
/*
$(‘.box‘).click(function(e){
e.stopPropagation();//禁止冒泡
alert(1);
});
$(‘.box input‘).click(function(e){
e.stopPropagation();//禁止冒泡
alert(1);
});
$(document).click(function(){
alert(1);
});
$(‘a‘).click(function(e){
e.preventDefault(); //阻止系统默认行为
alert(1);
});
//表单提交禁止跳转
$(‘ :submit‘).click(function(e){
e.preventDefault(); //阻止系统默认行为
alert(1);
});
$(‘form‘).submit(function(e){
e.preventDefault();
});
*/
});
</script>
</head>
<body>
<div class="box">
<input type="button" value="按钮" />
<a href="http://www.baidu.com">链接</a>
<form action="123.html">
<input type="submit" value="提交" />
</form>
</div>
</body>
</html>
另外取消默认行为和冒泡行为的方法:
preventDefault() 取消某个元素的默认行为
isDefaultPrevented() 判断是否调用了preventDefault()方法
stopPropagation() 取消事件冒泡
isPropagationStopped() 判断是否调用了stopPropagation()方法
stopImmediatePropagation() 取消事件冒泡,并取消该事件的后续事件处理函数
isImmediatePropagationStopped() 判断是否调用了stopImmediatePropagation()方法
标签:
原文地址:http://www.cnblogs.com/liangcheng11/p/5187524.html