프론트엔드개발자가되는중

  • 홈
  • 태그
  • 방명록
DIVE INTO CODING WORLD

외부클릭 사라지게 1

jquery 자신 제외한 부분을 클릭했을 때 사라지게 하기.(e.target)

➜모바일 네비를 만들 때, 네비 밖을 클릭하면 네비가 사라지게 하기 // 네비 이외 클릭하면(클릭한 곳이 .nav가 아니면) 네비 OFF $('.outside-of-nav').on('click', function(e){ if($('.nav').has(e.target).length === 0 ){ //네비가 사라지는 함수 입력 } //console.log($('.nav').has(e.target).length); //1 || 0 //console.log(e.target); //'.inside-of-nav' || '.outside-of-nav' }); 'html' 안을 클릭했을 때, '.nav'안에 그 클릭된 요소(e.target)의 길이가 0이면(=없으면) 함수를 실행해라. 여기서 (e.target)은 이..

JS(JQuery) 2023.10.21
이전
1
다음
더보기
프로필사진

코딩 왕왕초보입니다!! 모르는게 많아서 기록해둘것도 많네요ㅋㅋ 틀린게 있다면 지적/수정해주시면 감사하겠습니다👍

  • 분류 전체보기 (15)
    • 개념&&가이드 (0)
    • HTML (2)
    • CSS (4)
    • JS(JQuery) (9)

Tag

제이쿼리 순서 반대로, 문자열 중간, 요소 순서 반대로, 제이쿼리 엘리먼트 역순, 제이쿼리 팝업창 가운데 정렬, 파비콘에러, favicon에러, 외부클릭 사라지게, css 부터 선택, 반응형 새로고침, 팝업창 가운데 정렬, 제이쿼리 동작 반복, 형제선택, 엘리먼트 가운데 정렬, 제이쿼리 역순 정렬, 제이쿼리, 제이쿼리 새로고침, 사이드바 외부 클릭, 미디어쿼리 구간, css 까지선택,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :
Github Codepen

Copyright © Kakao Corp. All rights reserved.

티스토리툴바