const로 정의한 object에 handler를 저장하고, 이를 외부에서 실행하는 방법은 다음과 같다.
1
2
3
4
5
6
7
8
9
10
11
12
13
let text = document.querySelector("body h2");
const Handler = {
mouserOver: function(){
text.innerHTML = "Mouse is on"
text.style.color = "#ff9999"
}
}
function init(){
text.addEventListner("mouseOver", Handler.mouseOver);
}
init()
외부에서 해당 handler를 실행하고자 하면, 객체명.key값으로 접근해서 실행한다.