이벤트의 거품 및 기본 동작

1764 단어
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 () 요소의 기본 동작을 취소하는 isDefault Prevented () 는 preventDefault () 방법 stopPropagation () 이벤트 거품을 제거하는 isPropagationStopped () 방법 stopImmediatePropagation () 방법 stopImmediatePropagation () 방법 을 호출했는지 판단하고 이 이벤트의 후속 이벤트 처리 함수 isImmediatePropagationStopped () 방법

좋은 웹페이지 즐겨찾기