preventDefault()

Bella Kang·2023년 2월 3일

preventDefault()

  • 브라우저 고유의 동작을 중단시켜주는 역할
  • 링크 이벤트 막기

animate를 이용해
메뉴를 열고 닫는 예제를 만들어보았다
여기에 e.preventDefault();를 넣어주면,

위와 같이 버튼을 누를 때마다
새로고침이 되지 않고 작동이 되는 모습을 볼 수 있다!




stopPropagation()

  • preventDefault()와 비슷하지만 다름
  • 부모 엘리먼트로의 이벤트 전달을 막아주는 역할
profile
웹퍼블리싱, 웹디자인, uiux 프로덕트 디자인까지

0개의 댓글