[html]input text에서 엔터누를 때 새로고침

엔터 클릭 시 특정 함수가 실행되게 하고싶으면 input태그 안에 onkeypress속성을 추가하면 된다.

<input type="text" onkeypress="if(event.keyCode==13){자바스크립트 함수 이름();}">

키보드를 눌렀을 때, 그 키의 코드가 13번(엔터)이면, '자바스크립트 함수 이름'을 실행하라는 코드이다.

하지만 form 태그 안에 input(type=text) 태그가 한 개 들어있을 때, 엔터를 누르면 자동으로 submit되는 현상이 발생해서 화면이 새로고침 된다.

저 경우에도 함수 실행 후에 submit이 한 번 더 되어서 페이지가 새로고침 되었다.

이를 막기 위해서는 form 태그에 아래 코드처럼 onsubmit속성을 추가하면 된다.

<form onsubmit="return false">
    <input type="text" onkeypress="if(event.keyCode==13){자바스크립트 함수 이름();}">
</form>

이렇게 하면 엔터키를 눌러도 submit이 자동으로 되지 않는다.

** input태그가 여러개 있을 때에는 엔터키 눌렀을 때 자동submit이 동작하지 않는다!!!