자바스크립트 .addEventListener() 메소드

1 개요

JavaScript addEventListener() Method
자바스크립트 .addEventListener() 메소드

이벤트리스너를 추가하는 자바스크립트 메소드
말 그대로 '추가'이기 때문에, 기존에 있던 이벤트리스너도 작동한다.

2 예시 1

html

Copy

<button id='btn-greet'>인사</button>
<script>
document.getElementById('btn-greet').addEventListener('click', function() {
    alert('안녕 친구들');
});
</script>

3 예시 2

html

Copy

<button id='btn-greet'>인사</button>
<script>
document.getElementById('btn-greet').addEventListener('click', function() {
    alert('안녕 친구들 #1');
});
document.getElementById('btn-greet').addEventListener('click', function() {
    alert('안녕 친구들 #2');
});
</script>

→ 이벤트리스너가 2개이므로 alert()이 두번 발생한다.

4 같이 보기

5 참고