입력 태그는 숫자가 아닌 단어의 얼굴을 표시하지 않습니다.

Question

html에서는 입력 허용 문자 만 만들고 싶습니다. onkey (up | press | down) 이벤트가 있다는 것을 알고 있습니다. 그러나 시도한 경우 처음에 눌렀던 숫자 하나가 잠시 얼굴을 아름답게 보일 것입니다. 그래서 (제목의 질문) ----은 키보드로 숫자가 아닌 단어를 누르면 입력 태그가 아무런 반응을 나타내지 않음을 의미합니다. 단어가 생성되고 입력 태그에 그 얼굴을 표시하려고한다고 생각하지만 그 사실을 알지 못했습니다.

Answer 1

keyup 이벤트는 키보드 키를 놓은 후에 만 ​​발생하고 문자는 이미 textarea/input 요소로 전달됩니다.

다른 한편으로는 키를 누르면 즉시 취소되고 이벤트를 취소하면 charater는 처음 입력 필드에 삽입되지 않습니다.

사용자가 입력란을 사용하는 데 필요한 다른 키 누르기를 제거하지 않도록 신중하게 처리해야합니다 (예 : f.e. 커서 키 또는 ins/del 등

(값을 제출하거나 다른 방법으로 사용하기 전에 값의 유효성 검사/위생 처리를 추가 할 수 있습니다. 값이 다른 방법으로 입력 필드에 입력 될 수 있기 때문입니다 컨텍스트 메뉴를 통해 트리거 된 fe 붙여 넣기와 같은 이벤트는 잡히지 않을 것입니다.

Answer 2

100 % 할 수 없습니다. 내가 작성한 JavaScript 코드는 항상 비활성화하거나 편집 할 수 있으므로이 검사만으로 유효성을 검사하지 말고 항상 서버 측의 유효성을 검사하는 것이 좋습니다. 클라이언트 측 유효성 검사를 수행하기위한로서

, 현대적인 브라우저과 같이, 당신은 <input>에 type 속성을 내장하는 기능을 사용하고 number로 설정 한 :

<form> 
 
    <p>Try to enter a non number and submit.</p> 
 
    <input type="number"> 
 
    <button>Submit</button> 
 
</form>