JavaScript로 트리거된 링크 클릭 후 페이지가 위로 스크롤되는 것을 방지하는 방법은 무엇입니까?

JavaScript로 인해 발생한 링크 클릭 시 페이지가 위로 스크롤되는 것을 방지하는 방법

많은 개발자는 웹페이지가 위로 스크롤되는 문제에 직면합니다. JavaScript를 활성화하는 링크를 클릭했습니다. 원하는 작업이 탐색이 아닌 작업을 수행하는 것이라면 실망스러울 수 있습니다.

이 문제를 해결하려면 클릭 이벤트의 기본 작업(링크 대상으로 이동)이 발생하지 않도록 해야 합니다. 이를 달성하는 데는 두 가지 일반적인 방법이 있습니다.

옵션 1: event.preventDefault()

이 접근 방식에서는 이벤트의 .preventDefault() 메서드를 호출합니다. 이벤트 핸들러에 전달된 객체입니다. 그러면 브라우저의 기본 탐색 동작이 중단됩니다. 다음은 jQuery를 사용한 예입니다.

<code class="javascript">$('#ma_link').click(function($e) {
    $e.preventDefault();
    // Perform your JavaScript action here
});</code>

옵션 2: false 반환

또는 jQuery 이벤트 핸들러에서 false를 반환하면 자동으로 event.stopPropagation()과 event.preventDefault(). 이렇게 하면 전파와 기본 탐색이 모두 방지됩니다.

<code class="javascript">$('#ma_link').click(function(e) {
     // Perform your JavaScript action here
     return false;
});</code>

jQuery가 아닌 DOM 이벤트의 경우 이 접근 방식은 HTML 5 사양의 일부이므로 최신 브라우저에서도 사용할 수 있습니다. 그러나 이전 브라우저의 경우 최대 호환성을 위해 .preventDefault()를 명시적으로 호출하는 것이 좋습니다.

위 내용은 JavaScript로 트리거된 링크 클릭 후 페이지가 위로 스크롤되는 것을 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!