엔터키로 검색 / 메소드 호출하기 / onkeypress , onkeydown

728x90

버튼을 클릭했을때 onclick속성에 script의 메소드를 호출하는것이 아닌, 해당키를 눌렀을때 호출하기

<script>
function enterKey(){
...
}
</script>

onkeypress와 onkeydown중 어느것을 사용해도 무관하다.
차이가 있다면 onkeydown은 키를 누를때 한번 실행되지만
onkeyprss는 누르고 있을때에도 실행되는 차이가 있다.

<body>
	<input type="text" id="inputsearch" onkeypress="if( event.keyCode == 13 ){enterKey();}" />
</body>

keyCode == 13 은 엔터키를 말하는 것이다. 엔터키가 눌리는 이벤트가 발생하면 메소드를 호출하는 방식이다.

다양한 keyCode를 원한다면 아래의 페이지를 참고하자!

keyCode 목록 참고 페이지

Javascript 키보드 Keycode(ACSII Code) 목록 :: Outsider's Dev Story

자바스크립트에서 키보드 이벤트를 받았을 때 키 값을 구별할 수 있는 Keycode (ACSII 코드) 목록입니다. 알파벳(대소문자 동일함) 키 Mozilla IE Opera pseudo ASCII codes...

blog.outsider.ne.kr

728x90

radio , checkbox , select 값을 Script로 가져오기 (0)	2021.07.12
JSP의 Session값 Ajax로 Controller에 보내기 (0)	2021.06.28
태그안의 내용 지우고 추가하기./ remove(), empty(), append() (0)	2021.06.22

<WEB LOG>