본문 바로가기
Front-End/jQuery

[jQuery] onchange() : 요소의 값이 변경될 때 발생

by 김뚱 2018. 9. 9.

정의

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

728x90
반응형

댓글