거품

요소를 눌렀을 때 해당하는 내용만 출력하고 다른 내용은 출력하지 않습니다.
기본 비헤이비어 차단
웹 페이지의 요소는 자신의 기본 행동을 가지고 있습니다. 예를 들어 하이퍼링크를 누르면 이동하고, '제출' 단추를 누르면 폼이 제출되며, 때로는 요소의 기본 행동을 막아야 합니다.
JQuery에서는 요소의 기본 동작을 막는 preventDefault () 방법을 제공합니다.
예를 들어 프로젝트에서 자주 폼을 검증해야 한다.'제출'단추를 눌렀을 때 폼의 내용을 검증한다. 예를 들어 어떤 요소가 필수 필드인지, 어떤 요소의 길이가 6자리인지 등이다. 폼이 제출 조건에 부합되지 않을 때 폼의 제출을 막아야 한다(묵인 행위).

<form action="test.html">
   ：<input type="text" id="username" />
<br/>
<input type="submit" value="  " id="sub"/>
</form>

$(function(){
   $("#sub").bind("click",function(event){
         var username = $("#username").val();  //      
         if(username==""){     //       
		     $("#msg").html("<p>         .</p>");  //    
		     event.preventDefault();  //       (      )
		 }
   })
})

사용자 이름이 비어 있을 때 '제출' 단추를 누르면 알림이 나타나고 폼을 제출할 수 없습니다.사용자 이름에 내용을 입력해야만 폼을 제출할 수 있습니다.preventDefault () 방법은 폼의 제출 행위를 막을 수 있음을 알 수 있습니다.
이벤트 대상에 거품과 기본 행동을 동시에 멈추려면 이벤트 처리 함수에false를 되돌려줍니다.이것은 이벤트 대상에 stopPrapagation () 방법과 preventDefault () 방법을 동시에 호출하는 약자 방식입니다.
표의 예에서 이벤트를 할 수 있습니다.preventDefault(); 덮어쓰기: return false;
이벤트 거품 예시 중의 이벤트도 가능합니다.stopPropaqation(); 덮어쓰기: return false;
이벤트 캡처
사건 포획과 사건 거품은 정반대의 두 과정이고 사건 포획은 맨 끝에서 아래로 촉발된다.아니면 거품 사건의 예, 그 중 원소의 클릭 사건은 다음과 같은 순서에 따라 포획된다.

사건 포획은 가장 바깥쪽 원소에서 시작해서 가장 안쪽 원소로 가는 것이 분명하다.따라서 귀속된 클릭 이벤트는 먼저 요소에 전달된 다음에