JavaScript의 Event 객체에서 이벤트 유형
Event 객체는 발생한 이벤트의
유형도 포함하고 있습니다. 유형이란
click, mouseover 등의
이름을 의미합니다. 이벤트 유형은
type 속성에 담겨 있습니다:
elem.addEventListener('click', function(event) {
console.log(event.type); // 'click'을 출력함
});
다음 코드에서는 두 가지 이벤트에 동일한 핸들러가 연결되어 있습니다:
<button id="elem">text</button>
let elem = document.querySelector('#elem');
elem.addEventListener('click', func);
elem.addEventListener('dblclick', func);
function func() {
}
func 함수의 코드를 완성하여,
요소를 클릭했을 때는 해당 요소가 녹색으로,
더블 클릭했을 때는 빨간색으로 변하도록 하세요.
