i'm working on it
Home
  • 분류 전체보기 (44)
    • 工夫 (39)
      • HTML+CSS (8)
      • JAVASCRIPT+JQUERY (8)
      • LINUX+ETC (0)
      • PHP (10)
      • MYSQL (0)
      • python (0)
      • ETC (13)
    • 希望 (5)
      • a place to go (0)
      • what to buy (5)
    • 情報 (0)
      • 갑상선기능저하증 (0)
      • 레시피 (0)
      • 운동 (0)
    • 日常 (0)
    • 寫眞 (0)
    • 徽晛 (0)
Home
  • 분류 전체보기 (44)
    • 工夫 (39)
      • HTML+CSS (8)
      • JAVASCRIPT+JQUERY (8)
      • LINUX+ETC (0)
      • PHP (10)
      • MYSQL (0)
      • python (0)
      • ETC (13)
    • 希望 (5)
      • a place to go (0)
      • what to buy (5)
    • 情報 (0)
      • 갑상선기능저하증 (0)
      • 레시피 (0)
      • 운동 (0)
    • 日常 (0)
    • 寫眞 (0)
    • 徽晛 (0)
블로그 내 검색

i'm working on it

사진, 캠핑을 좋아하는 휘현/휘흔 아빠의 Life Log입니다

  • 工夫/JAVASCRIPT+JQUERY

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

    2021. 5. 19.

    by. 휘현아빠

    기본동작

    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() 함수가 감지하여, 콜백함수를 호출한다. 

    저작자표시 비영리 변경금지 (새창열림)

    '工夫 > JAVASCRIPT+JQUERY' 카테고리의 다른 글

    [jQuery] 배열을 관리 each()  (0) 2021.05.19
    [jQuery] 인덱스 값을 사용해 원하는 위치의 요소를 선택 eq() / get()  (0) 2021.05.19
    [jQuery] 다중업로드시 파일정보 다루기  (0) 2021.05.16
    [jQuery] 체크버튼으로 특정 블럭( ROW) 보이고/감추기  (0) 2021.05.16
    [jQuery] 다양한 jQuery CDN, 항상 최신버전으로 가져오기  (0) 2021.05.11

    댓글

    관련글

    • [jQuery] 배열을 관리 each() 2021.05.19
    • [jQuery] 인덱스 값을 사용해 원하는 위치의 요소를 선택 eq() / get() 2021.05.19
    • [jQuery] 다중업로드시 파일정보 다루기 2021.05.16
    • [jQuery] 체크버튼으로 특정 블럭( ROW) 보이고/감추기 2021.05.16
    맨 위로
전체 글 보기
Tistory 로그인
Tistory 로그아웃
로그아웃 글쓰기 관리

Today

Total

Powered by ⓒ Kakao Corp.

Designed by Nana & Custom ing
블로그 이미지
휘현아빠

티스토리툴바