[JS] 이벤트(Event)

이벤트 다루기

1. HTML 속성으로 이벤트 다루기

2. 자바스크립트로 해당 요소에 직접 추가하기

 

HTML로 이벤트 추가하기 (onEvent)

<div id="welcome" onclick="clickProcess(this);">Hello!</div>

 

Javascript로 이벤트 추가하기 (addEventListener)

• querySelector('CSS Selector'): CSS 선택자로 요소를 선택할 수 있다 (#id)

const div2 = document.querySelector('#welcome2');

• querySelectorAll('CSS Selector'): CSS 선택자로 요소들을 선택할 수 있다 (class)
• addEventListener('event', callback): 해당 요소에 이벤트를 추가한다.

div2.addEventListener('click',(e) => {
    // console.log(e); //발생한 이벤트에 대한 모든 정보를 볼 수 있다
});