[JavaScript] 자바스크립트 클릭 이벤트 사용하기

111_자바스크립트 클릭 이벤트 사용하기

[적용]

• 버튼 클릭 시 작업을 처리하고 싶을 때

---

[문법]

이벤트	발생 타이밍
click	요소 클릭 시점

---

[내용]

click 이벤트는 요소를 탭하거나 클릭 시 발생한다.

다음과 같이 버튼 요소에 click 이벤를 설정한다.

이 click 이벤트는 버튼 외에도 div 요소, a 요소 등 임의의 HTML 요소에 사용할 수 있다.

 

HTML                                                                                                                                                              index.html

<button class="button"></button>

JavaScript                                                                                                                                                          main.js

document.querySelector('.button').addEventListener('click', () => {
	alert('버튼 클릭 이벤트 발생');
});

버튼 클릭시 알림창이 표시된다.

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김