[JavaScript] 이벤트 - onclick, onchange, onkeydown

onclick

- 사용자가 요소를 클릭하면 = 연산자 뒤에 있는 자바스크립트 코드 실행

 

<태그 onclick="코드">

<!-- hello 버튼을 클릭했을 때 경고창에 hi가 나타나도록 함 -->
<input type="button" value="hello" onclick="alert('hi')">

 

 

 

onchange

- 값이 변경되면 = 연산자 뒤에 있는 자바스크립트 코드 실행

 

<태그 onchange="코드">

<!-- 텍스트 상자의 내용이 변경되면 경고창에 changed 출력 -->
<input type="text" onchange="alert('changed')">

 

 

 

onkeydown

- 사용자가 키를 입력할 때 = 연산자 뒤에 있는 자바스크립트 코드 실행

 

<태그 onkeydown="코드">

<!-- 키보드의 키를 누르면 경고창에 key down 출력 -->
<input type="text" onkeydown="alert('key down')">