OnKeyPress Enter Reloads Page

Question

나는 ENTER 키를 눌렀을 때 함수를 호출 한 텍스트 필드가 있습니다. 문제는 페이지가 재로드되어서 js 함수만을 호출했기 때문에 발생하지 않아야한다는 것입니다. . 내가 뭘 잘못하고 있는지 말해줘.

Answer 1

양식을 입력하면 제출됩니다. 폼에 onsubmit 이벤트를 첨부하고 제출을 방지하기 위해 false를 반환 할 수 있습니다 (제출할 사실은 true). 제출하기 전에이 기능을 사용하여 데이터를 확인하거나 keypress 이벤트를 가로 챌 수 있습니다.

아래에 설명 된대로 event.preventDefault()를 사용하여 제출 실행을 누르는 것을 방지 할 수 있습니다. 이 같은

뭔가 ...

<form action="."> 
    <input type="text" onkeypress="console.log('happy days'); event.preventDefault()"> 
</form> 

Answer 2

나는이 오래된 메시지 알지만, 나는 그것이 "false를 돌려"추가 해결 :

<input type="text" onkeypress="if (event.keyCode==13){ func_name(this.value);return false;}" id="userinput"/> 

어쩌면 그것은 다른에 유용합니다 비슷한 문제.