[jQuery] 마우스 클릭 및 엔터를 일정 초 이상 유지하면 특정 url로 이동하기
페이지 정보
shadow2fox
2,207
2018.07.11 14:34:56
짧은주소
-
https://yadolee.com/tip/569 주소복사
평점
본문
마우스 클릭 및 엔터를 일정 초 이상 유지하면 특정 url로 이동하기
특정 class나 id에 마우스를 일정 초 이상 클릭하거나 호버(엔터)를 유지할 경우 특정 URL로 이동시켜 보자.
1. 마우스 클릭을 특정 class나 id에서 2초 이상 유지할 경우
1. 마우스 클릭을 특정 class나 id에서 2초 이상 유지할 경우
<script>
$('#example').mousedown(function(e) {
clearTimeout(this.downTimer);
this.downTimer = setTimeout(function() {
window.location.href = '특정 URL';
}, 2000);
}).mouseup(function(e) {
clearTimeout(this.downTimer);
});
</script>
<script>
$('#example').mouseenter(function(e) {
clearTimeout(this.downTimer);
this.downTimer = setTimeout(function() {
window.location.href = '특정 URL';
}, 2000);
}).mouseup(function(e) {
clearTimeout(this.downTimer);
});
</script>
추천인
-
추천해 주세요
레벨 147
경험치 3,224,849
Progress Bar 12.59%
- 가입일 : 2015-03-10 12:21:44
- 서명 : 인간에게 가장 큰 선물은
자기 자신에게 기회를 주는 것이다.
- 크리스 가드너, Chris Gardner -
- 자기소개 : There's never a shortcut to happiness.
-
[뮤직 비디오 게시판] 이문세 5집 [이문세5] 1988년2025-05-18
-
[공유 자료실] Notepad++ 8.8.12025-05-17
-
[뮤직 비디오 게시판] 사랑했지만 - 김경호 6집 [The Life] 2001년2025-05-16
-
2 [Web Server Tip] 그누보드(영카트) 5.6.13+22025-05-15
-
[골라먹는 요리] 바지락면2025-05-11
-
[좋은 생각] 남의 단점이 꼴보기 싫어질 때2025-05-11
-
[좋은 생각] 마음 가는 대로 해라2025-05-11
-
[좋은 생각] 당신에게 정말 중요한 일을 시작하세요2025-05-11
-
[이슈와 관심] 미약하나마 동참했습니다2025-05-04
-
[생활 정보] 음 180원 다른 운을 기대해봐야겠네요2025-04-26
-
[생활 정보] 나라가 혼돈의 시기를 겪다 보니 봄을 만끽할 겨를 조차 느낄 수 없었네요 정보 감사합니다2025-04-07
-
[생활 정보] 새해 복 많이 받으십시오2025-01-31
-
[자유 게시판] 하늘구장님과 내사랑님 그리고 회원 여러분들 모두의 가정과 일터에 행복과 행운이 가득한 한 해가 되시길 진심으로 기원드립니다 새해 복 많이 받으세요2025-01-27
-
[훈훈과 감동 이야기] 반려자를 옛스럽고 정겹게 표현한 말이 옆지기라고 한다지요 함께 같은 방향을 바라보며 인생을 사는 것이 크나큰 행복이라 생각합니다2025-01-26
-
[이슈와 관심] 페이스북에서 iframe의 부모 페이지에 접근할 수 있도록 CORS(Cross-Origin Resource Sharing) 정책을 설정해줘야 하는 부분이라 이 오류를 해결할 순 없을 것 같습니다 꼼수라면 상단 맨 왼편 프로필 이미지 오른편 포스팅 시간에 마우스 호버를 하게 되면 말풍선이 뜨며 스크립트 오류가 일어나고 그로 인해 제어가 가능해 집니다 참고하세요2025-01-13
-
[생활 정보] 해마다 도움을 받습니다 올해도 감사함을 전합니다2025-01-10
댓글
첫 번째 댓글을 남겨 주세요