반응형

preventDefault 2

HTML <a href="#"> 링크 클릭 시 페이지가 위로 올라가는 현상 막는 방법

💡 HTML 링크 클릭 시 페이지가 위로 올라가는 현상 막는 방법웹페이지에서 형태의 링크를 클릭하면 브라우저는 기본적으로 페이지 최상단으로 스크롤 이동합니다.이 동작을 막고 싶다면 아래와 같은 방법으로 제어할 수 있습니다.✅ 방법 1: event.preventDefault() 사용JavaScript의 preventDefault() 메서드를 이용하여 기본 동작을 차단합니다.링크jQuery를 사용하는 경우:링크✅ 방법 2: href="javascript:void(0)" 사용# 대신 JavaScript 빈 함수 호출을 사용하면 페이지 이동이 발생하지 않습니다.링크주의: 일부 웹 접근성이나 보안 가이드에서는 javascript: 사용을 권장하지 않습니다.✅ 방법 3: href="!" 등의 가짜 링크 사용브..

[javaScript] 키보드 이벤트 타입 및 객체 (keydown & keyup)

키보드 이벤트 타입 키보드 이벤트는 사용자가 키를 누르거나 키를 높을 때 발생한다. 키를 누를 때는 keydown, 키를 놓을때는 keyup 이벤트가 발생된다. 예전에는 keypress 이벤트도 많이 사용되었으나, 현재는 사용을 권장하지 않는다. 키보드 이벤트는 DOM 상의 창(windows)이나 문서(document), 또는 요소(element)에서 발생된다. 예를 들어 창(window)에서 발생하는 keydown 이벤트 처리는 다음과 같이 콜백(callback) 함수를 설정해주면 된다 window.onkeydown = (e) => console.log(e); addEventListener 함수를 이용해도 된다. window.addEventListener("keydown", (e) => console...

반응형