[JavaScript] Event

이벤트 : 클릭, 드래그 등

Event 객체

• Event 객체는 사용자 입력(onclick, onkeyup, onscroll 등)을 trigger 로 발생한 event 정보를 담은 객체이다.
• target 은 event객체의 property로, 해당 이벤트가 발생한 객체를 가리킨다. event.target

Event handler 를 element 에 적용하는 법

두가지 방법

let el = document.querySelector('#lol');

// event property에 함수 할당
el.onclick = function () {}; // 함수를 바로 적어줄 수 있다.
el.onclick = doSomething; // doSomething 함수 할당

// addEventListener
el.addEventListener('click', function(){} ); 
el.addEventListener('click', func1, useCapture(false));

addEventListener 의 장점

1. 다수의 event를 추가할 수 있다.
2. HTML element 뿐만 아니라 DOM object 에도 event listner를 추가할 수 있다. 예) window object
3. bubbling 을 쉽게 control 할 수 있다.