工夫/JAVASCRIPT+JQUERY

[jQuery] 요소의 값변화 감지 change()

휘현아빠 2021. 5. 19. 13:02

기본동작

change() 메소드는 해당하는 요소의 value에 변화가 생길 경우 이를 감지하여 등록된 callback함수를 호출하며

주로 input,textarea,select 태그에 동작한다.

 

사용법

해당요소.change(실행할 코드);

사용예시

<body>
   파일을 첨부
   <input type="file" value="">
</body>

<script>
$(function () {
   var $inputElement = $("input");
   $inputElement.change(function() {
      alert("파일 첨부가 완료됨");
   })
});
</script>

※ 예시코드에서  파일이 등록되면 선택된 요소의 값인 value가 "" 에서 파일정보가 들어가면서, 변하게 되어 이를 change() 함수가 감지하여, 콜백함수를 호출한다.