[Javascript] 기본동작 멈춰! (e.preventDefault())

기본동작! 너 멈춰!

가끔 a태그가 a태그의 역할을 안해줬으면 하는때가 있다 (응?🤷‍♀️)

a href에 #를 하고 onclick을 준다던가, a링크로 인식되면 좋겠지만 링크가 작동되지 않았으면 할때가 있다.

당장은 "이런걸 언제써ㅋㅋ" 싶겠지만 언젠간 한번은 필요한 순간이 온다.

 

See the Pen 기본동작 제어 - e.preventDefault() by hoyashu (@hoyashu) on CodePen.

dom객체의 click이벤트가 실행되는 순간 해당 이벤트의 정보를 e에 받아와서 e.preventDefault() 해주면

해당 클릭으로 실행되었어야하는 기본동작이 실행되지 않는다.

 

이러한 기능은 기본적으로 실행되어야하는 모든 기본동작에 해당된다.

a태그, file버튼, submit버튼 등..