정의
onchange 이벤트는 요소의 값이 변경될 때 발생합니다. 라이오 버튼과 체크박스의 경우, 체크된 상태가 변경되면 onchange 이벤트가 발생합니다.
Tip
이 이벤트는 oninput 이벤트와 유사합니다. 차이점은 oninput 이벤트는 요소의 값이 변경된 직후 발생하는 반면, onchage는 내용이 변경된 후에 요소가 포커스를 잃을 때 발생한다는 점입니다. 다른 차이점은 onchange 이벤트가 <select>요소에서도 작동한다는 것입니다.
사용법
HTML의 경우 : <element onchange="myScript">
javaScript의 경우 : object.onchange = function(){myScript}
지원되는 HTML 태크
1. <input type="checkbox">
2. <input type="color">
3. <input type="color">
4. <input type="date">
5. <input type="datetime">
6. <input type="email">
7. <input type="file">
8. <input type="month">
9. <input type="number">
10. <input type="password">
11. <input type="radio">
12. <input type="range">
13. <input type="search">
14. <input type="tel">
15. <input type="text">
16. <input type="time">
17. <input type="url">
18. <input type="week">
19. <select>
20. <textarea>
참고
https://www.w3schools.com/jsref/event_onchange.asp
'Front-End > jQuery' 카테고리의 다른 글
[jQuery] jQuery Plugins 참고 사이트 (0) | 2019.05.23 |
---|---|
[jQuery] checkbox relation 만들기 (dataset object concept) (0) | 2018.09.09 |
[jQuery] .is() : 선택한 요소 중 하나가 selectorElement와 일치하는지 확인 (0) | 2018.09.09 |
[jQuery] .not() : 특정 Element를 제외한 나머지 Element 선택하기 (0) | 2018.09.09 |
[jQuery] attr(), prop() 차이점 (0) | 2018.08.18 |
댓글