[JavaScript] 이벤트

이벤트란 어떤 사건을 의미함. 클릭을 하거나, 타이핑을 하거나, 와이파이가 꺼지는 등의 어떠한 사건.

event target - 이벤트가 일어날 객체 (버튼, 키입력 등)

event type - 이벤트 종류 (click, resize 등)

event handler - 이벤트가 발생했을 때 동작하는 코드

이벤트 등록

1. 인라인

<div onclick="console.log(123);">Click</div>

2. property listener

<div class="target">Click</div>
<script>
  var t = document.querySelector(".target");
  t.onclick = function() {
    console.log(123);
  }
</script>

3. addEventListener()

<div class="target">Click</div>
    <script>
      var t = document.querySelector(".target");
      t.addEventListener('click', function(event) {
        console.log(123);
      });
    </script>

 

이벤트 참조 : developer.mozilla.org/ko/docs/Web/Events