[jQuery] 마우스 클릭 및 엔터를 일정 초 이상 유지하면 특정 url로 이동하기

페이지 정보

shadow2fox shadow2fox 2,341 2018.07.11 14:34:56

평점

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

본문

마우스 클릭 및 엔터를 일정 초 이상 유지하면 특정 url로 이동하기
특정 class나 id에 마우스를 일정 초 이상 클릭하거나 호버(엔터)를 유지할 경우 특정 URL로 이동시켜 보자.

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>
2. 마우스가 특정 class나 id에 포커싱(호버)돼 2초 이상 유지할 경우

<script>
$('#example').mouseenter(function(e) {
    clearTimeout(this.downTimer);
    this.downTimer = setTimeout(function() {
        window.location.href = '특정 URL';
    }, 2000);
}).mouseup(function(e) {
    clearTimeout(this.downTimer);
});
</script>
추천인
  • 추천해 주세요
shadow2fox
10
shadow2fox - 회원등급 : 자연/Level 147 - 포인트 : 2,614,403
레벨 147
경험치 3,241,543

Progress Bar 50.44%

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

댓글

첫 번째 댓글을 남겨 주세요

Total 7621026 페이지

제목 글쓴이 날짜 조회 추천
그누•영카트  🏆 댓글에 달린 비밀 댓글을 원댓글 작성자에게도 보여주기 루루아빠 2016.01.30 2,491 0
그누•영카트  🏆 그누보드 5.2.3 패치 루루아빠 2016.10.19 2,491 0
그누•영카트  🏆 영카트 5.3.1.5 패치 shadow2fox 2018.07.04 2,491 0
jQuery  🏆 특정 부모 클래스 내부에 있지 않을 경우에만 적용하기 루루아빠 2017.02.06 2,498 0
Bootstrap  🏆 부트스트랩 툴팁 보이기, 감추기 지연 시간 설정하기 루루아빠 2018.01.10 2,500 0
이윰  🏆 Eyoom Builder 1.3.3 패치 루루아빠 2017.11.21 2,507 0
그누•영카트  🏆 그누보드 5.2.9.8.4 패치 루루아빠 2018.03.30 2,520 0
이윰  🏆 Eyoom Builder 3.0.7 패치 shadow2fox 2018.10.15 2,522 0
그누•영카트  🏆 그누보드 5.2.4 패치 루루아빠 2016.11.22 2,524 0
이윰  🏆 PHP 7.x에서 이윰빌더 알람 푸시(push) 관련 PHP Notice: Undefined index error 해결하기 shadow2fox 2019.01.01 2,525 0
그누•영카트  🏆 📸 5.2.9.8.4 버전에서 5.3.1 정식버전으로 패치 루루아빠 2018.04.06 2,526 0
제로  🏆 로그아웃시 현재접속자 리스트에서 바로 안나오게 하기 루루아빠 2005.07.14 2,527 0
이윰  댓글+1🏆 현재 게시글 스크랩 갯수 본문에 보여주기 shadow2fox 2019.04.28 2,530 2
그누•영카트  댓글+2🏆 그누보드 5.4.2.2 shadow2fox 2020.03.04 2,550 2
제로  댓글+1🏆 음악스킨 안될때 처방법.. 루루아빠 2005.07.09 2,554 0
이윰  🏆 Eyoom Builder 1.3.16 패치 루루아빠 2018.03.12 2,555 0
그누•영카트  🏆 그누보드 5.2.9.2 패치 루루아빠 2017.08.31 2,566 0
이윰  🏆 전체검색 리스트 페이지에서 외부 이미지도 썸네일 사용하기 루루아빠 2018.05.06 2,570 0
제로  🏆 공지사항 체크를 빼면 제위치로 가지 않는 문제의 해결점 루루아빠 2005.07.07 2,571 0
이윰  댓글+5🏆 네이버TV 올바르게 적용하기 shadow2fox 2019.10.12 2,575 2
제로  댓글+1🏆 최근게시물 공지사항 첫번째 글에도 링크걸기 루루아빠 2005.07.03 2,577 0
제로  🏆 특정 회원(예:운영자) 이 접속자목록에 안나오게하기 루루아빠 2005.07.05 2,577 0
제로  댓글+1🏆 수정된 정보를 제대로 보여주기 루루아빠 2005.07.03 2,580 0
제로  🏆 동영상(음악,뮤비,플래쉬) 업로드시 자동실행법 루루아빠 2005.07.08 2,581 0
Bootstrap  🏆 부트스트랩 툴팁 텍스트 한 줄로 보여주기 루루아빠 2017.08.03 2,581 1
제로  🏆 [re] 조금더 전문적인 사용법 루루아빠 2005.06.27 2,585 0
그누•영카트  🏆 영카트 5.1.3 패치 (2015.10.26) 루루아빠 2015.11.09 2,595 0
그누•영카트  🏆 게시판을 디바이스에 따라 보여주기 안보여주기 루루아빠 2015.11.04 2,597 0
Bootstrap  🏆 모달창 오픈시 백그라운드(메인 화면) 스크롤 금지 최종 버전 루루아빠 2018.05.16 2,601 0
이윰  댓글+1🏆 Eyoom Builder 3.0.8 패치 shadow2fox 2019.03.12 2,601 1