이벤트 bubbling_jquery를 방지하는 jQuery의 특정 구현

다음은 html 코드 부분입니다.

코드 복사 코드는 다음과 같습니다.

< div id= "content">
외부 div 요소
내부 범위 요소>
외부 div 요소

에 해당하는 jQuery 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

event.stopPropagation(); // 이벤트 버블링 중지

때때로 제출 버튼을 클릭하면 기본 이벤트가 발생하는 경우가 있습니다. 예를 들어, 다른 인터페이스로 점프합니다. 하지만 검증을 통과하지 못한 경우 점프해서는 안 됩니다. 이때 event.preventDefault(); //기본 동작(양식 제출)을 방지하도록 설정할 수 있습니다.

다음과 같은 경우입니다.

코드 복사

코드는 다음과 같습니다.

html 부분:

코드 복사 코드는 다음과 같습니다.

< 양식 작업= "test.html">
사용자 이름:

기본 동작을 방지하는 또 다른 방법은 false를 반환하는 것입니다. 효과는 동일합니다.

코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.