티스토리 뷰
| change() 란?
javascript를 사용하여 이벤트를 동작하기 위해서는 addEventListener() 라는 함수가 존재합니다.
이벤트를 구현할 경우 jQuery를 사용하면 간단한 방법으로 이벤트를 제어할 수 있습니다.
ex)bind(),on(),change()
| 문법
해당요소.change(실행할 코드);change() 메소드는 해당하는 요소의 value에 변화가 생길 경우 이를 감지하여 등록된 callback함수를 동작시킵니다.
해당 코드는 input,textarea,select 태그에 동작합니다.
예시)
파일 첨부가 완료되었음을 알리는 알림창을 띄우는 코드
<body>
파일을 첨부해주세요!
<input type="file" value />
</body>
이벤트를 동작시킬 코드
<script>
$(function () {
var $inputEle = $("input");
$inputEle.change(function() {
alert("파일 첨부가 완료되었습니다.");
})
});
</script>
이처럼 파일이 등록되면 change() 함수가 감지하여 이벤트(alert)를 발생시키는 역할을 합니다.
'Java Script & j Query > j Query' 카테고리의 다른 글
| [jQuery]map()과reduce()란 무엇일까? (1) | 2020.07.16 |
|---|---|
| [JQuery]Ajax활용한 파일업로드 FormData (0) | 2020.03.23 |
| [JQuery] each()란? (0) | 2020.03.19 |
| 제이쿼리 동기,비동기식 방식 Ajax (0) | 2018.12.09 |
| 제이쿼리 -애니메이션 효과 제어 메서드 (0) | 2018.12.06 |