반응형
목차
1 개요
JavaScript addEventListener() Method
자바스크립트 .addEventListener() 메소드
- 이벤트리스너를 추가하는 자바스크립트 메소드
- 말 그대로 '추가'이기 때문에, 기존에 있던 이벤트리스너도 작동한다.
2 예시 1
<button id='btn-greet'>인사</button>
<script>
document.getElementById('btn-greet').addEventListener('click', function() {
alert('안녕 친구들');
});
</script>
3 예시 2
<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 참고
반응형
'Dev > Front-end' 카테고리의 다른 글
| 자료형 (0) | 2020.05.16 |
|---|---|
| JavaScript 클로져 (0) | 2020.05.16 |
| 자바스크립트 onclick 이벤트 (0) | 2020.05.16 |
| 자바스크립트 onload (0) | 2020.05.16 |
| 자바스크립트 이벤트 (0) | 2020.05.16 |