[javaScript] 자바스크립트 이벤트

 

HTML 이벤트

HTML 이벤트는 HTML 엘리먼트에서 발생하는 것으로 javaScript가 html 페이지에서 사용될 때 javaScript는 이러한 이벤트에 반응할 수 있다.

html 이벤트는 사용자가 발생시킬 수도 있고 브라우저가 발생시킬 수도 있다.

 

 

html event 발생하는 경우 몇 가지 예

• HTML 웹페이지 로딩 완료
• HTML 입력 필드 변경
• HTML 버튼 클릭

이벤트가 감지될 때 코드를 실행할 수 있다.

이벤트 핸들러 속성은 자바스크립트 코드와 함께 HTML 요소에 추가 할 수 있다.

 

 

예제 코드

onclick 이벤트에 직접 코드를 입력해줄 수도 있고

<button onclick="this.innerHTML = Date()">클릭하면 지금 날짜와 시간표시</button>

 

onclick 이벤트에 함수명을 입력해서 실행시킬 수도 있다.

<button onclick="displayDate()">The time is?</button>

<script>
function displayDate() {
  document.getElementById("demo").innerHTML = Date();
}
</script>

<p id="demo"></p>

 

 

 

출처 : https://www.w3schools.com/js/js_events.asp