• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>JavaScript EventListener Call</title>
7
</head>
8
​
9
<body>
10
​
11
    <h1>이벤트 객체</h1>
12
    <button id="btn">눌러보세요!</button>
13
    <p id="text"></p>
14
​
15
    <script>
16
        var btn = document.getElementById("btn");   // 아이디가 "btn"인 요소를 선택함.
17
        btn.addEventListener("click", clickBtn);    // 선택한 요소에 click 이벤트 리스너를 등록함.
18
19
        function clickBtn(event) {
20
            document.getElementById("text").innerHTML =
21
                "이 이벤트의 타입은 " + event.type + "이며, 이벤트의 대상은 " + event.target + "입니다.";
22
        }
23
    </script>
24
25
</body>
26
​
27
</html>