e = event
Event 인터페이스는 DOM 내에 위치한 이벤트를 나타낸다.
사용자의 액션에 의해 발생하는 이벤트에는 다양한 종류가 있으며,
Event 인터페이스에서 제공하는 메서드 중에서 preventDefault() 에 대해 알아보았다.
preventDefault() 란?
어떤 이벤트를 명시적으로 처리하지 않은 경우, 해당 이벤트에 대한 기본 동작을 실행하지 않도록 지정한다.
쉽게 말해 html에서 표준으로 제공하는 태그의 기본 이벤트 발생을 막는 메서드다.
예를 들어 <a>, <submit> 같은 페이지 이동이나 <button> 으로 form 데이터 전송을 하는 이벤트 발생을 막는 것이다.
<html>
</head>
<script type="text/javascript">
function stopDefaultAction(e) {
e.preventDefault(); // 해당 이벤트 발생을 막음!
}
</script>
</head>
<body>
<a href="https://google.com" onclick="stopDefaultAction(event);">페이지이동</a>
</body>
</html>Reference
👩🚀 No worries! Just record