addEventListener 번외

addEventListener 의 콜백함수로 handleEvent()를 method로 포함한 객체또는 인스턴스를 할당할 수 있다.

객체 또는 인스턴스의 handleEvent() method가 실행된다.

class Menu {
    // 지시사항을 참고하여 코드를 작성하세요.
    handleEvent(event) {
        let method = 'on' + event.type[0].toUpperCase() + event.type.slice(1);
        console.log(method);
        if (method === 'onMousedown') {
            this.onMousedown();
        } else if (method === 'onMouseup') {
            this.onMouseup();
        }
    }

    onMousedown() {
        elem.innerHTML = '마우스 버튼을 눌렀습니다.';
    }

    onMouseup() {
        elem.innerHTML = '마우스 버튼을 뗐습니다.';
    }
}

let menu = new Menu();
const elem = document.getElementById('elem');
elem.addEventListener('mousedown', menu);
elem.addEventListener('mouseup', menu);

참조 : https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener