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

페이지 정보

shadow2fox shadow2fox 1,983 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 페이지

제목 글쓴이 날짜 조회 추천
그누•영카트  🏆 영카트 5.3.2.2 shadow2fox 2018.12.18 2,388 0
그누•영카트  🏆 그누보드 5.3.2.2 shadow2fox 2018.12.18 2,134 0
그누•영카트  🏆 영카트 5.3.2.1 패치 shadow2fox 2018.12.11 2,371 0
그누•영카트  🏆 그누보드 5.3.2.1 패치 shadow2fox 2018.12.11 2,250 0
jQuery  🏆 🚩 클릭 함수가 더블 클릭시에만 작동된다면 shadow2fox 2018.12.11 1,984 0
이윰  댓글+4🏆 새로고침 없이 댓글을 달거나 삭제할 수 있는 ajax 댓글 시스템으로 교체하기 shadow2fox 2018.12.11 3,881 2
이윰  댓글+2🏆 회원 프로필 사진 변경시 바로 갱신하여 보여 주기 shadow2fox 2018.12.04 2,849 0
이윰  🏆 마우스 오버시 이전글 다음글에 제목을 띄우기 shadow2fox 2018.11.27 2,341 0
그누•영카트  🏆 영카트 5.3.2.0 패치 shadow2fox 2018.11.22 2,190 0
그누•영카트  🏆 그누보드 5.3.2.0 패치 shadow2fox 2018.11.22 2,093 0
PHP  🏆 PHP Warning: Invalid argument supplied for foreach() 해결책 shadow2fox 2018.11.11 2,018 0
그누•영카트  🏆 영카트 5.3.1.9 패치 shadow2fox 2018.10.19 2,192 0
그누•영카트  🏆 그누보드 5.3.1.9 패치 shadow2fox 2018.10.19 5,829 0
이윰  🏆 Eyoom Builder 3.0.7 패치 shadow2fox 2018.10.15 2,517 0
그누•영카트  🏆 영카트 5.3.1.8 패치 shadow2fox 2018.10.15 2,423 0
그누•영카트  🏆 그누보드 5.3.1.8 패치 shadow2fox 2018.10.15 2,167 0
이윰  🏆 이윰빌더 시즌1 → 시즌4 업그레이드 가이드 shadow2fox 2018.10.05 2,863 0
이윰  🏆 Eyoom Builder 3.0.6 패치 shadow2fox 2018.09.18 2,707 0
그누•영카트  🏆 영카트 5.3.1.7 패치 shadow2fox 2018.09.18 2,370 0
그누•영카트  🏆 그누보드 5.3.1.7 패치 shadow2fox 2018.09.18 2,323 0
이윰  🏆 Eyoom Builder 3.0.5 패치 shadow2fox 2018.09.04 2,437 0
이윰  🏆 태그(tag) 인덱스에서 새로운 글에 new 표시하기 shadow2fox 2018.08.26 2,241 0
그누•영카트  🏆 영카트 5.3.1.6 패치 shadow2fox 2018.08.25 2,310 0
그누•영카트  🏆 그누보드 5.3.1.6 패치 shadow2fox 2018.08.25 2,296 0
이윰  🏆 jQuery-1.8.3를 jQuery-1.9.x 이상으로 업그레이드시 masonry 오류 해결하기 shadow2fox 2018.08.22 2,325 0
JavaScript  🏆 사용자의 브라우저를 검출하는 방법 shadow2fox 2018.08.22 2,199 0
이윰  🏆 Eyoom Builder 3.0.4 패치 shadow2fox 2018.08.20 2,986 0
이윰  🏆 Eyoom Builder 3.0.3 - 패치에 문제가 있는 버전입니다. shadow2fox 2018.08.20 2,629 0
이윰  🏆 공지글에는 댓글 기능 끄기 shadow2fox 2018.08.19 2,273 0
그누•영카트  댓글+1🏆 [PHP 7.2.x] count(): Parameter must be an array or an object that implements Countable 에러 해결하기 shadow2fox 2018.08.19 6,936 0