[jQuery] 클릭 함수가 더블 클릭시에만 작동된다면
페이지 정보
shadow2fox
2,175
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();
});
추천인
-
추천해 주세요
레벨 149
경험치 3,343,659
Progress Bar 80.23%
- 가입일 : 2015-03-10 12:21:44
- 서명 : 인간에게 가장 큰 선물은
자기 자신에게 기회를 주는 것이다.
- 크리스 가드너, Chris Gardner -
- 자기소개 : There's never a shortcut to happiness.
댓글
첫 번째 댓글을 남겨 주세요