well-balanced

[Javascript] event (onclick, onchange, onkeydown) 본문

JavaScript

[Javascript] event (onclick, onchange, onkeydown)

Cosmian 2019. 10. 31. 03:43

Event function

 

JavaScript Events

JavaScript Events HTML events are "things" that happen to HTML elements. When JavaScript is used in HTML pages, JavaScript can "react" on these events. HTML Events An HTML event can be something the browser does, or something a user does. Here are some exa

www.w3schools.com


 

event function

onclick : 유저가 Html의 요소를 클릭했을때 이벤트 발생

onchange : Html의 요소가 바뀌었을 때 (텍스트칸에 Value 값이 변경되었을 때)

onkeydown : 유저가 키를 눌렀을 경우 이벤트 발생 (텍스트칸에 무언가를 썼을 때)

onmouseover : 마우스가 Html 요소로 넘어갔을 때 이벤트 발생

onmouserout : 마우스가 Html 요소에서 벗어났을 때 이벤트 발생

예제의 결과

 

onclick 응용예제 (시간 나타내기)
버튼 클릭 후 시간 표시

 

GitHub 코드예제 보기

Comments