码迷,mamicode.com
首页 > 其他好文 > 详细

事件的冒泡和默认行为

时间:2016-02-13 12:16:32      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!