집 >웹 프론트엔드 >JS 튜토리얼 >이벤트 bubbling_jquery를 방지하는 jQuery의 특정 구현

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

WBOY원래의: 2016-05-16 17:20:231063검색

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

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

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

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

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

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

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

다음과 같은 경우입니다.

코드 복사

코드는 다음과 같습니다.

html 부분:

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

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

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

코드는 다음과 같습니다.

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

성명：

이전 기사：이를 이해한 후에야 jQuery_jquery의 강력한 기능을 사용할 수 있습니다.다음 기사：이를 이해한 후에야 jQuery_jquery의 강력한 기능을 사용할 수 있습니다.

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

관련 기사