링크의 'onclick' 이벤트 핸들러에서 'return false'는 무엇을 합니까?

클릭 이벤트 리스너의 'return false' 역할 이해

HTML 문서에서는 다음과 같은 링크를 흔히 볼 수 있습니다. :

<a href='#' onclick='someFunc(3.1415926); return false;'>Click here !</a>

onclick 이벤트 핸들러 끝에 return false 문이 있으면 질문: 실제로 무엇을 합니까?

'false 반환'의 효과

이벤트 핸들러의 반환 값은 해당 이벤트에 대한 기본 브라우저 동작이 발생해야 하는지 여부를 나타냅니다. . 링크 클릭 이벤트의 경우 기본 동작은 지정된 URL로 이동하는 것입니다. 그러나 return false를 사용하면 이 기본 동작이 방지됩니다.

버튼의 대안

링크와 달리 버튼은 일반적으로 클릭 이벤트 핸들러에 false 반환이 없습니다. 버튼에는 양식 제출이나 작업 실행과 같은 고유한 동작이 있습니다. 이 기본 동작을 중단하려면 e.preventDefault()와 같은 다른 기술을 사용하거나 Button.type 속성을 조작해야 합니다.

사양

다음 사항에 유의하는 것이 중요합니다. 클릭 이벤트 핸들러의 false 반환 동작은 W3C 사양에 의해 정의되지 않습니다. Netscape 2 시대부터 시작되었으며 흔히 "DOM 0"이라고 합니다.

Modern Alternative

최신 웹 개발 관행에는 이벤트 사용을 권장합니다. false를 반환하는 대신에 PreventDefault()를 사용하세요. PreventDefault()는 DOM 2 이벤트 사양에 명시적으로 정의되어 있으며 기본 이벤트 동작 제어에 대한 보다 표준화된 접근 방식을 제공합니다.

위 내용은 링크의 'onclick' 이벤트 핸들러에서 'return false'는 무엇을 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!