HTML onchange 이벤트 속성
예시
사용자가 <select> 요소의 선택된 옵션을 변경할 때 JavaScript를 실행합니다.
<select onchange="myFunction()">
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
onchange 속성은 요소의 값이 변경되는 순간을 발생시킵니다.
팁: 이 이벤트는 oninput 이벤트와 유사합니다. 차이점은 oninput 이벤트는 요소의 값이 변경된 직후에 발생하는 반면 onchange는 요소가 포커스를 잃을 때 발생한다는 것입니다. 다른 차이점은 onchange 이벤트가 <select> 요소에서도 작동한다는 것입니다.
브라우저 지원
Event Attribute | |||||
---|---|---|---|---|---|
onchange | Yes | Yes | Yes | Yes | Yes |
통사론
<element onchange="script">
속성 값
Value | Description |
---|---|
script | The script to be run on onchange |
기술적 세부 사항
지원되는 HTML 태그: | <input type="checkbox">, <input type="file">, <input type="password">, <input type="radio">, <input type="range">, <input type=" 검색">, <입력 유형="텍스트">, <선택> 및 <텍스트 영역> |
---|
더 많은 예
예시
사용자가 입력 필드의 내용을 변경할 때 JavaScript를 실행합니다.
<input type="text" name="txt" value="Hello" onchange="myFunction(this.value)">
관련 페이지
HTML DOM 참조: onchange 이벤트
❮ HTML 이벤트 속성