[jQuery] 클릭 함수가 더블 클릭시에만 작동된다면

페이지 정보

shadow2fox 1,745 2018.12.11 15:47

평점

  • 평점 : 0점 (0명 참여)

본문

 클릭 함수가 더블 클릭시에만 작동된다면
클릭 함수를 이용해 특정 클래스나 아이디에 효과를 주거나 보여 주거나 사라지게 하고자 할 경우가 있다
만약 클릭 함수를 사용했음에도 더블 클릭시에만 그 효과가 나타난다면 다음과 같이 수정해 보자

클릭 함수 예제

some-button 클래스 속성을 지닌 객체를 클릭시 some-div 클래스 속성을 갖는 객체를 숨긴다

$(".some-button").click(function(){
     $(".some-div").hide();
});

위 스크립트가 클릭이 아닌 더블 클릭시에 작동한다면 다음과 같이 수정한다

$(document).on('click', '.some-button', function() {
     $(".some-div").hide();
});
추천인
  • 추천해 주세요
10
shadow2fox - 회원등급 : 자연/Level 142 - 포인트 : 2,541,098
레벨 142
경험치 3,036,624

Progress Bar 79%

- 가입일 : 2015-03-10 12:21:44
- 서명 : 인간에게 가장 큰 선물은 자기 자신에게 기회를 주는 것이다. - 크리스 가드너, Chris Gardner -
- 자기소개 : There's never a shortcut to happiness.

댓글

첫 번째 댓글을 남겨 주세요

Total 1211 페이지
제목 글쓴이 날짜 조회 추천
jQuery  🏆 🚩 클릭 함수가 더블 클릭시에만 작동된다면 shadow2fox 2018.12.11 1,746 0
jQuery  🏆 모바일 및 태블릿에서 스크롤이 아닌 경우에만 터치 제어하기 shadow2fox 2018.08.13 1,810 0
jQuery  🏆 마우스 클릭 및 엔터를 일정 초 이상 유지하면 특정 url로 이동하기 shadow2fox 2018.07.11 1,867 0
jQuery  🏆 타겟 링크가 내 주소인지 외부 주소인지 확인하기 루루아빠 2018.05.22 1,927 0
jQuery  🏆 a href 속성 마우스 오버시 브라우저 하단 링크 주소 감추기 루루아빠 2017.08.29 2,710 0
jQuery  🏆 이미지 로딩 실패시 대체 이미지 보여주기 루루아빠 2017.07.18 2,495 1
jQuery  🏆 특정 부모 클래스 내부에 있지 않을 경우에만 적용하기 루루아빠 2017.02.06 2,234 0
jQuery  댓글+1🏆 button으로 유튜브 재생 및 정지 제어하기 루루아빠 2016.12.14 9,556 0
jQuery  댓글+1🏆 게시글 본문 내에 첨부된 이미지가 엑박으로 뜨는 경우 특정 이미지로 대체하기 루루아빠 2016.05.21 3,087 0
jQuery  🏆 Theia Sticky Sidebar 사용시 모달(modal)이 사이드바 아래로 내려가는 문제 해결하기 루루아빠 2016.03.16 3,443 0
jQuery  댓글+2🏆 사이드바를 고정하기 위한 Theia Sticky Sidebar 소개 및 적용법 루루아빠 2016.02.10 3,439 0
jQuery  댓글+2🏆 jQuery를 이용한 링크 자동 클릭(auto click) 루루아빠 2015.06.26 8,307 0