[jQuery] 클릭 함수가 더블 클릭시에만 작동된다면
페이지 정보
shadow2fox
2,272
2018.12.11 15:47:43
짧은주소
-
https://yadolee.com/tip/604 주소복사
본문
클릭 함수가 더블 클릭시에만 작동된다면
클릭 함수를 이용해 특정 클래스나 아이디에 효과를 주거나 보여 주거나 사라지게 하고자 할 경우가 있다
만약 클릭 함수를 사용했음에도 더블 클릭시에만 그 효과가 나타난다면 다음과 같이 수정해 보자
클릭 함수 예제
some-button 클래스 속성을 지닌 객체를 클릭시 some-div 클래스 속성을 갖는 객체를 숨긴다
위 스크립트가 클릭이 아닌 더블 클릭시에 작동한다면 다음과 같이 수정한다
만약 클릭 함수를 사용했음에도 더블 클릭시에만 그 효과가 나타난다면 다음과 같이 수정해 보자
클릭 함수 예제
some-button 클래스 속성을 지닌 객체를 클릭시 some-div 클래스 속성을 갖는 객체를 숨긴다
$(".some-button").click(function(){
$(".some-div").hide();
});
위 스크립트가 클릭이 아닌 더블 클릭시에 작동한다면 다음과 같이 수정한다
$(document).on('click', '.some-button', function() {
$(".some-div").hide();
});
추천인
-
추천해 주세요
레벨 155
경험치 3,587,232
Progress Bar 14.48%
- 가입일 : 2015-03-10 12:21:44
- 서명 : 인간에게 가장 큰 선물은
자기 자신에게 기회를 주는 것이다.
- 크리스 가드너, Chris Gardner -
- 자기소개 : There's never a shortcut to happiness.
-
[자유 게시판] 무려 20년이란 시간이 지났군요 추억 돋는 영상입니다{이모티콘:missbone-078}2026-02-21
-
[자유 게시판] 무엇보다 건강하시고 어제 보다 나은 오늘, 오늘 보다 나은 내일을 위해 그렇게 행복함이 넘쳐나시길 기원드립니다 새해 복 많이 받으세요2026-02-16
-
[생활 정보] 15원 추가 적립이 있네요 https://campaign2.naver.com/npay/v2/click-point/?eventId=cr_2026012802_2602_01772026-02-10
-
[생활 정보] 15원 줍줍 아직 수확 전이시면 체크해 보세요 https://campaign2.naver.com/npay/v2/click-point/?eventId=cr_2026012802_2602_01272026-02-07
-
[생활 정보] 가격이 착하다 싶더니 할인이 사라지고 일반가 30,900원으로 판매하네요2026-01-28
-
[일일 메모장] 안타까운 소식입니다. 민주 진영의 거목이였던 이해찬 전 대표님 정말 고생 많으셨습니다. 이제 편히 쉬십시오.2026-01-25
-
[자유 게시판] 올 한 해도 잘 부탁드립니다. 새해 복 많이 받으세요.2026-01-06
-
[일일 메모장] 무슨 말이 필요할까요 삼가 조의를 표하며 고인의 명복을 빕니다 영면하세요2026-01-05
댓글
첫 번째 댓글을 남겨 주세요