위키
포럼
도구
바뀐글
랜덤

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

1 개요

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

2 예시 1

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

3 예시 2

<button id='btn-greet'>인사</button>
<script>
document.getElementById('btn-greet').addEventListener('click', function() {
    console.log('안녕 친구들 #1');
});
document.getElementById('btn-greet').addEventListener('click', function() {
    console.log('안녕 친구들 #2');
});
</script>
→ 이벤트리스너가 2개이므로 한번 클릭에 console.log()가 두번 발생한다.

4 같이 보기

5 참고

원본 주소 "https://zetawiki.com/w/index.php?title=자바스크립트_.addEventListener()_메소드&oldid=737466"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}