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

페이지 정보

shadow2fox shadow2fox 1,980 2018.12.11 15:47:43

평점

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

본문

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

클릭 함수 예제

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

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

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

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

Progress Bar 47.02%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 762926 페이지

제목 글쓴이 날짜 조회 추천
jQuery  🏆 모바일 및 태블릿에서 스크롤이 아닌 경우에만 터치 제어하기 shadow2fox 2018.08.13 2,352 0
그누•영카트  🏆 그누보드 5.3.1.4 패치 루루아빠 2018.06.06 2,356 0
제로  🏆 비회원은 회원정보 보지 못하게 루루아빠 2005.07.04 2,363 0
그누•영카트  🏆 영카트 5.3.1.7 패치 shadow2fox 2018.09.18 2,369 0
그누•영카트  🏆 영카트 5.3.2.1 패치 shadow2fox 2018.12.11 2,371 0
이윰  댓글+4🏆 다중 태그 입력 올바르게 shadow2fox 2021.03.12 2,373 2
이윰  댓글+2🏆 작성글 날림 방지하기 shadow2fox 2018.07.04 2,374 0
이윰  🏆 내글반응 내용 추출 쌍 따옴표가 "로 표시되는 문제 해결하기 shadow2fox 2018.06.18 2,379 0
그누•영카트  🏆 영카트 5.3.2.2 shadow2fox 2018.12.18 2,387 0
그누•영카트  댓글+2🏆 그누보드 5.4.4.7.1 shadow2fox 2021.01.14 2,390 2
그누•영카트  🏆 영카트 5.4.2.3 shadow2fox 2020.03.14 2,400 0
제로  🏆 💾 원하는 곳에 카테고리 뿌려주기(메뉴로 활용 가능) 루루아빠 2005.07.08 2,406 0
에디터  댓글+1🏆 SmartEditor2 주소 자동 링크 기능 끄기 shadow2fox 2020.04.06 2,406 1
이윰  댓글+1🏆 PHP 8.x Fatal error : 중괄호 사용으로 인한 json.class.php 오류 shadow2fox 2021.02.17 2,407 1
이윰  🏆 Eyoom Builder 1.3.1 패치 루루아빠 2017.11.21 2,408 0
그누•영카트  🏆 영카트 5.3.1.8 패치 shadow2fox 2018.10.15 2,423 0
그누•영카트  🏆 그누보드 5.2.6 패치 루루아빠 2017.01.20 2,426 0
그누•영카트  🏆 영카트 5.3.2.8 shadow2fox 2019.03.19 2,427 0
에디터  댓글+1🏆 SmartEditor2 포토 업로더 모바일에서 사진 순서 정렬하기 shadow2fox 2020.04.05 2,433 1
이윰  🏆 PHP 7.x에서 이윰빌더 알람 푸시(push) 관련 PHP Notice: Undefined index: alarm 해결하기 shadow2fox 2018.07.01 2,435 0
이윰  🏆 Eyoom Builder 3.0.5 패치 shadow2fox 2018.09.04 2,435 0
이윰  댓글+4🏆 태그 앞과 뒤 공백 제거하기 shadow2fox 2019.06.25 2,435 2
그누•영카트  댓글+2🏆 그누보드 5.4.4.5 shadow2fox 2021.01.09 2,437 2
그누•영카트  🏆 영카트 5.4.1.2 shadow2fox 2019.12.10 2,439 0
이윰  댓글+1🏆 이윰빌더 현재 접속자 최신글에서 관리자도 ip가 숨겨지는 문제 해결하기 shadow2fox 2020.04.10 2,439 1
그누•영카트  댓글+4🏆 📸 5.3.3.3 버전 에서 5.4.1 정식버전으로 패치 shadow2fox 2019.12.03 2,446 2
그누•영카트  🏆 그누보드 5.3.3.2 shadow2fox 2019.08.13 2,452 0
Bootstrap  🏆 모달창 내부에서 모달창 부모 닫기 루루아빠 2018.06.02 2,454 0
그누•영카트  🏆 그누보드 5.2.0 패치 루루아빠 2016.07.25 2,462 0
그누•영카트  🏆 영카트 5.3.1.5 패치 shadow2fox 2018.07.04 2,476 0