[Javascript] e.preventDefault()

Jisoo Choi·2022년 8월 25일
0

Javascript

목록 보기
8/8

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

profile
👩‍🚀 No worries! Just record

0개의 댓글