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

home2 게시판 JavaScript, TS 게시판 이벤트 클릭

이벤트 클릭

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

    ria
    참가자
    안녕하세요. 이벤트 수업을 듣고 응용을 해보고있는데
    버튼 외 영역을 클릭하면 'show'클래스를 지우고 드롭다운을 닫고 싶어
    콘솔로그로 테스트를 해봣는데
    현재 코드로는 오히려 버튼을 클릭하니 콘솔로그가 나오고 있습니다
     if( e.target !== $('.site_drop').children('.btn')){
                console.log('드롭다운영역을 닫습니다')
     }
    이 부분이 문제인것 같은데 모르겠어서 질문드립니다
    ----------
    
    //HTML
    화면 캡처 2024-03-18 140354
     
    
    //JS
     $('.site_drop').children('.btn').click(function(e){
            $(this).next().toggleClass('show');
            $('.site_drop').children('.btn').not($(this)).next().removeClass('show');
            if( e.target !== $('.site_drop').children('.btn')){
                console.log('드롭다운영역을 닫습니다')
            }
       })
    
    #116744

    codingapple
    키 마스터
    셀렉터로 찾은건 등호비교하면 안되어서 $(e.target).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 호 / 개인정보관리자 : 박종흠