e.preventdefault() e.stoppropagation()1

• 

  [자바스크립트] e.preventDefault(), e.stopPropagation() 이벤트 제어하기 (사용법, 예제, 차이점) 아래 소스코드는 e.preventDefault(), e.stopPropagation() 메서드를 활용해서 이벤트 처리에 대한 동작을 이해하고 확인하는 예제입니다. e.preventDefault() ㅇ 이벤트의 기본 동작을 막을 때 사용됩니다. ㅇ 태그의 링크 이동을 e.preventDefault() 사용해서 이동을 막을 수 있습니다. document.querySelector('a').addEventListener('click', function(e) { e.preventDefault(); // 링크 클릭 시 기본 동작인 페이지 이동을 막음 }); e.stopPropagation() ㅇ 이벤트의 전파를 중단시킵니다. ㅇ 이벤트는 DOM 트리를 따라 상위 요소로 전파되는데, 이 메서드를 사용하면 현재 이벤트.. 개발이야기/자바스크립트 2023. 10. 5.