[HTML,Javascript]enter로 Javascript 메소드 호출하기

안녕하세요.

 

회사에서 일을 하는데, db검색 기능이 정상적으로 작동하는지 테스트를 하고 있었습니다.

그런데 Enter로 submit이 발생하지 않는 이슈를 발견하였습니다. (왜 지금까지 몰랐는지....)

 

진짜 개발할 때는 그 기능에 집중해서 다른 기능이 정상적으로 작동하는지는 잘 신경이 가지 않습니다. 이런 테스트 또한 힘이 드는 일이니까요. 그리고 무엇보다 이 기능이 안되면 어쩌지에 대한 두려움과 귀차니쯤이 겹쳐 기능검수에 소흘히 되는 것 같습니다.

 

 

클릭도 되지만, Enter로도 함수호출이 가능해야 했습니다.

 

 

 

해결방법

form태그 안에 있는 <input>태그에 값을 입력하고 enter로  javascript 함수를 실행하려고 합니다. <input>태그의 파라미터로 onkeypress라는 파라미터가 있는데, 마우스를 클릭했을 때 이벤트를 실행하는 onClick처럼 키보드가 입력되면 이벤트를 실행하는 파라미터입니다.

 

onkeypress 안에 

JAVASCRIPT 중이 키보드가 뭐가 눌렸는지를 ASCII코드로 출력해주는 기능의 코드가 있습니다. 바로 event.keyCode인데요.

이 중에서 "13"이 Enter라고 하더라구요.

 

 

 

그래서 input 태그에  onkeypress=if(event.keyCode ==13) {enter가 눌렸을 때 실행하고자 하는 함수} 이런식으로 조건을 걸어 주었습니다.

 

 

 

<form id ="form" method="POST" onsubmit="return false"> 
<input type="text" name="searchValue" id="searchValue" onkeypress="if(event.keyCode==13) {fnDoList(1); return false;}">
</form>

 

 

=요약=

onkeypress에 javascript 코드를 추가해서 enter로 함수 실행이 가능하게 했습니다.

 

 

=끗=