반응형 EventListener1 [Javascript] 이벤트 처리 방법 onClick vs EventListener 차이점 Button을 클릭 후, 실행할 함수를 정의하기 위해선 onClick 혹은 eventListener로 함수를 정의할 수 있다. 그러면 다음 두가지의 차이점을 무엇일까? onClick의 경우는 하나의 콜백만 지정할 수 있으나, EventListener의 경우에는 여러 개의 콜백을 지정할 수 있다. onClick onClick 이벤트 핸들러를 두번 사용하게 되면 가장 나중에 선언한 이벤트 핸들러가 작동하게 된다. var btn = document.getElementById('btn'); btn.onclick = function() { alert('onclick-1'); } btn.onclick = function() { alert('onclick-2'); } 즉, 다음 코드를 실행할 경우, alert 창에 .. 2022. 4. 3. 이전 1 다음