자바스크립트 기초 - 이벤트 처리(addEventListener, removeEventListener, DOMContentLoaded, defer, load, click, mousedown, mouseup, mousemove, mouseenter, mouseleave, mouseover, mouseout, event.clientX, event.clientY, event.offsetX, event.offs..
이벤트 처리 - 이벤트 처리는 addEventListener()를 사용해 제어함 메소드 의미 이벤트타깃.addEventListener(이벤트명, 리스너, [옵션]) 이벤트 리스너 설정 const button = document.querySelector('.btn'); button.addEventListener('click', onClickButton); //방법1 function onClickButton(){ console.log('버튼 클릭 이벤트'); }; button.addEventListener('click', () => { //방법2 console.log('버튼 클릭 이벤트'); }); button.addEventListener('click', function(){ //방법3 console.lo..
2023. 8. 21.
