<HTML>
<body>
<button id="elem">Click me</button>
<script>
class Menu {
handleEvent(event) {
// mousedown -> onMousedown
let method = 'on' + event.type[0].toUpperCase() + event.type.slice(1);
//to generate the array element's name to be same as the functions below
//toUppercase to make M
//and slice(1) to get the rest of charactors without m, ousedown / ouseup
this[method](event);
}
onMousedown() {
elem.innerHTML = "Mouse button pressed";
}
onMouseup() {
elem.innerHTML += "...and released.";
}
}
let menu = new Menu();
elem.addEventListener('mousedown', menu);
elem.addEventListener('mouseup', menu);
</script>
</body>
</HTML>
댓글
댓글 쓰기