HTML과 자바 스크립트 OnClick 이벤트 후 자동 문서 지우기 항목

Question

MS 메모장을 통해 html과 javascript로 문서를 자동화하고 있습니다. 지금까지 많은 텍스트, 텍스트 상자 및 텍스트 상자 중 하나에 숫자를 입력 한 후에 javascript 함수를 실행하는 단추가 있습니다. 이 문서는 부분적으로 만 작성되었습니다. 그러나 필자는 텍스트 상자에 항목을 추가 한 다음 단추를 누르면 모든 항목이 지워진 것으로 나타났습니다. 나는 이것이 어떤 종류의 포스트 백 문제라고 생각한다; 그러나 자바 스크립트로 onlick 이벤트를 사용하면 서버 측 명령을 실행하지 않을 것이라고 생각했습니다. 또한 내 문서는 모든 클라이언트 측 코드입니다. 기본적으로 텍스트, HTML 및 현재 하나의 JS 함수입니다.

반복으로, 버튼의 onclick 이벤트가 실행 된 후 왜 내 텍스트 상자 항목이 지워지는지 알 수 있습니까? 또한 onclick 이벤트는 문서에 텍스트를 추가하는 if 문인 JS 함수를 실행합니다. 당신이 당신의 형태로 <input type="submit"> 버튼이있는 경우

그런 다음 당신은 onclick 핸들러를 경우에도 양식이 제출 얻을 것이다 버튼을 누르면,

DFM

Answer 1

을 주셔서 감사합니다. 이 문제를 해결할 수있는 몇 가지 방법이 있지만 가장 쉬운 방법은 단추를 type="button"으로 변경하는 것입니다.이 단추를 클릭해도 아무 것도 제출하지 않는 것이 다릅니다.

<input type="button" onclick="checkEntries()" /> 

* 다른 솔루션 onclick="checkEntries(); return false" 같이 당신의 onclick 핸들러에 return false를 추가하거나 <form> 요소에 onsubmit="return false"를 추가 포함한다.