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

home2 게시판 JavaScript, TS 게시판 '이벤트 버블링과 이벤트관련 함수들' 관련 예제 질문

'이벤트 버블링과 이벤트관련 함수들' 관련 예제 질문

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

    전요한
    참가자
    안녕하세요! 좋은 강의를 제공해주심에 항상 감사드립니다 !
    예제를 풀다가 
    질문1. e.stopPropagation(); 을 사용해서 해보려는데 안 되던데 혹시 이유를 여쭈어볼 수 있을까요?
    ------------------------------------------
    document.querySelector('.black-bg').addEventListener('click', (e) => {
    e.stopPropagation(); 
    document.querySelector('.black-bg').classList.remove('show'); 
     });
    ------------------------------------------
    질문2. 제이쿼리문으로 if문 조건 작성할 때 is() 함수로 하면 잘 되는데, '비교연산자 =='로 
    $(e.target) == $('.black-bg') 이렇게 하면 코드가 안 먹는데 왜 그럴까요..?
    console.log로 비교해봤을 땐 둘이 완전 일치했는데 말이죠 ㅠ
    ------------------------------------------
    $('.black-bg').on('click', (e) => {
    if($(e.target).is($('.black-bg'))){
    // document.querySelector('.black-bg').classList.remove('show'); 
    $('.black-bg').removeClass('show');
     }
     })
    
    #66572

    codingapple
    키 마스터
    1은 이벤트리스너달린거 상위요소로 버블링 방지하는 문법이라 그런듯요
    $() 셀렉터로 찾은건 등호말고 is() 함수같은걸로 비교해야합니다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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