• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 제이쿼리 이벤트리스너 관련 질문

제이쿼리 이벤트리스너 관련 질문

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #34831

    gtdg
    참가자

    $(document).on("click", ".aaa", function() {
      console.log('반응한다');
    });

    $(.aaa).on("click", function() {
      console.log('반응한다');
    });

    aaa라는 클래스를 가진 요소가 페이지 첫 로딩땐 없고 특정 상황에서 생기게끔 코드를 짰는데요..

    첫번째만 반응하던데 두개의 차이가 뭔가요? 

    어렴풋이 추측하기론 첫번째껀 다시 문서 전체를 읽어서 찾은다음 이벤트를 듣는거같고

    두번째껀 페이지 첫 로딩때만 읽어본다음 aaa란 클래스를 가진놈이 없어서 동작을 안하는거같은데 맞는지 궁금합니다.

    #34832

    gtdg
    참가자

    아니 다시생각해보니 특정 시점에 문서 전체를 읽으란 코드가 없이 그냥 리스너만 열린거라 본문내용은 틀린거같네요..

    문서 전체를 대상으로 클릭이벤트를 듣는데 그중 aaa란놈을 눌렀을때 반응하는건가요? 두번째랑 무슨차이인건가요..?

    #34854

    codingapple
    키 마스터

    .aaa가 늦게 생성되면 .aaa를 못찾으니까 거기 이벤트리스너도 못붙여서 둘 째 코드가 동작안합니다 

    그래서 첫 째 처럼 쓰는 사람들이 있습니다 첫 째는 document에 클릭이벤트리스너 달아놓는건데 e.target이 .aaa인 경우에만 동작합니다 

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠