[코딩 애플] EventListener

이벤트리스너란?

이벤트 리스너는 DOM 객체에서 이벤트가 발생할 경우 해당 이벤트 처리 핸들러를 추가할 수 있는 오브젝트이다.

이벤트 리스너를 이용하면 특정 DOM에 위에 말한 Javascript 이벤트가 발생할 때 특정 함수를 호출한다.

 

이벤트 리스너 등록하기

=> DOM객체.addEventListener(이벤트명, 실행할 함수명)

 

 

<간단한 예시>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <script>

        function showDiv(change) {

            document.getElementById("div").innerHTML = change;

        }

    </script>

</head>

<body>

    <button id="btn" onclick="showDiv('바보')">버튼을 누르거라</button>

    <div id="div"></div>

</body>

</html>