최신 웹 개발 튜토리얼
 

onchange를 이벤트

<이벤트 객체

사용자가 선택한 옵션을 변경하면 자바 스크립트를 실행 <select> 요소를 :

<select onchange="myFunction()">
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

요소의 값이 변경되었을 때 onchange를 이벤트가 발생한다.

체크 된 상태가 변경되었을 때 라디오 버튼 및 체크 박스를 들어 onchange를 이벤트가 발생한다.

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


브라우저 지원

행사
onchange

통사론

HTML에서 :

자바 스크립트에서 :

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

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

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

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


기술적 세부 사항

거품 :
취소 가능 : 아니
이벤트 유형: 행사
지원되는 HTML 태그 : <input 타입 = "체크 박스"> <input TYPE = "색상"> <input TYPE = "날짜"> <input 타입 = "날짜"> <input 타입 = "이메일"> <input 타입 = " 파일 "> <input 타입 ="월 "> <input TYPE ="숫자 "> <input 타입 ="패스워드 "> <input 타입 ="무선 "> <input 타입 ="범위 "> < 입력 유형 = "검색">, <입력 유형 = "전화">, <입력 유형 = "텍스트">, <입력 유형 = "시간">, <입력 유형 = "URL"> <입력 유형 = "주 ">, <Keygen은>, <select><textarea>
DOM 버전 : 레벨 2 이벤트

예

더 예

사용자가 입력 필드의 내용을 변경하는 경우 자바 스크립트를 실행합니다 :

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

<이벤트 객체