최신 웹 개발 튜토리얼
 

이벤트 oninput

<이벤트 객체

사용자가 뭔가를 기록 할 때 자바 스크립트를 실행하여 <input> 필드 :

<input type="text" oninput="myFunction()">
»그것을 자신을 시도

정의 및 사용

요소가 사용자 입력을 얻을 경우 oninput 이벤트가 발생한다.

값이 이벤트가 발생 <input> 또는 <textarea> 엘리먼트가 변경된다.

팁 :이 이벤트는 비슷합니다 onchange를 이벤트입니다. 차이는 요소가 포커스를 잃을 때 콘텐츠가 변경된 후에 onchange가 발생하면서 oninput 이벤트, 요소의 값이 변경 후에 즉시 발생한다는 것이다. 또 다른 차이점은 onchange를 이벤트도에서 작동한다는 것이다 <keygen><select> 요소.


브라우저 지원

테이블의 숫자는 완전히 이벤트를 지원하는 최초의 브라우저 버전을 지정합니다.

행사
oninput 9.0 4.0 5.0

통사론

HTML에서 :

자바 스크립트에서 :

object .oninput=function(){ »그것을 자신을 시도

자바 스크립트는 사용 addEventListener() 메서드를 :

object .addEventListener("input", myScript );
»그것을 자신을 시도

참고 : addEventListener() 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.


기술적 세부 사항

거품 :
취소 가능 : 아니
이벤트 유형: 행사
지원되는 HTML 태그 : <입력 유형 = "색상">, <입력 유형 = "날짜">, <입력 유형 = "날짜">, <입력 유형 = "이메일">, <입력 유형 = "달">, <입력 유형 = " 숫자 "> <input 타입 ="패스워드 "> <input TYPE ="범위 "> <input TYPE ="검색 "> <input 타입 ="TEL "> <input 타입 ="텍스트 "> < 입력 유형 = "시간">, <입력 유형 = "URL"> <input type="week"><textarea>
DOM 버전 : 레벨 3 이벤트

<이벤트 객체