input 태그의 onkeypress, onkeyup, onkeydown 속성

onKeydown(KeyCode 값) : 사용자가 키보드의 키를 눌렀을 때

onKeyup(KeyCode 값) : 사용자가 키보드의 키를 눌렀다가 땠을 때

onKeyPress(ASCII 값) : 사용자가 키보드의 키를 눌렀을 때

 

이 속성의 내용을 알고있다면 나는 내가 만든 로그인의 기능에서 enter 키를 눌렀을때 바로 login 버튼을

클릭하는것과 같은 동작을 발생시키고 싶어서 밑처럼 만들어 보았다.

 

function enterkey() {
        if (window.event.keyCode == 13) {
 
             // 엔터키가 눌렸을 때 실행할 내용
             login();
        }
}

 

 

<input type="password" onkeyup="enterkey();" type="text" >
// 패스워드 부분에 focus에 있을시 enter 를 누르면 enterkey() 함수 실행

 

위 input태그는 focus가 있는 input태그라는점 (입력하는 있는 곳 이라는 애기)