자바스크립트 onkeydown 이벤트 편집하기

;자바스크립트 onkeydown 이벤트

==예시 1: onkeydown 애트리뷰트==
*HTML 요소에 대한 onkeydown 이벤트
*해당 요소 선택하고 키를 누르면 배경색이 빨간색으로 바뀜
<syntaxhighlight lang='html5' run>
<input type='text' id='input1' onkeydown='mykeydown()'/>

<script>
function mykeydown() {
    var obj = document.getElementById('input1');
    obj.style.background='red';
}
</script>
</syntaxhighlight>

==예시 2: element.onkeydown==
{{참고|HTML 요소 onkeydown 이벤트 키코드 읽기}}
<syntaxhighlight lang='html5' run>
<input type='text' id='input1'/>
 
<script>
var input1 = document.getElementById('input1')
input1.onkeydown = function(event) {
    console.log( '키코드: ' + event.keyCode );
}
</script>
</syntaxhighlight>

==예시 3: window.onkeydown==
* window(전역) onkeydown 이벤트
<syntaxhighlight lang='html5' run>
<form name='key_form'>
  <input type='text' /><br>
  KeyCode: <input type='text' name='key_code' /><br>
  CharCode: <input type='text' name='char_code' /><br>
</form>

<script>
window.onkeydown = function() {
  key_form.key_code.value = event.keyCode;
  key_form.char_code.value = String.fromCharCode(event.keyCode);
}
</script>
</syntaxhighlight>

==같이 보기==
*[[자바스크립트 키코드]]
*[[키 입력 받기 (자바스크립트)]]
*[[백스페이스 막기]]
*[[자바스크립트 onkeyup]]
*[[자바스크립트 이벤트]]

==같이 보기==
*http://www.w3schools.com/jsref/event_onkeydown.asp

[[분류:JavaScript]]
[[분류:이벤트]]
[[분류:Window]]
[[분류: 키보드]]