[JavaScript] 단축키로 페이지 이동

페이지 정보

yadolee 루루아빠 4,411 3 2015.05.28 07:52:19

평점

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

본문


<script type="text/javascript">

// 핫key 함수.
function movePage() {
var EventStatus = event.srcElement.tagName;
if(EventStatus!='INPUT'&&EventStatus!='TEXTAREA'&&EventStatus!='IFRAME'&&EventStatus!='EMBED') {

// Main Page로 이동. 키값 [H,h]
if (event.keyCode=='72') location.href="http://홈주소";
if (event.keyCode=='104') location.href="http://홈주소";

// 자유게시판으로 이동. 키값 [F,f]
if (event.keyCode=='70') location.href="http://홈주소/bbs/board.php?bo_table=xxx";
if (event.keyCode=='102') location.href="http://홈주소/bbs/board.php?bo_table=xxx";

// 유머게시판으로 이동. 키값 [U,u]
if (event.keyCode=='85') location.href="http://홈주소/bbs/board.php?bo_table=xxx";
if (event.keyCode=='117') location.href="http://홈주소/bbs/board.php?bo_table=xxx"

// 일반/IT 뉴스게시판으로 이동. 키값 [N,n]
if (event.keyCode=='78') location.href="http://홈주소/bbs/board.php?bo_table=xxx";
if (event.keyCode=='110') location.href="http://홈주소/bbs/board.php?bo_table=xxx";

// 연예/스포츠 뉴스게시판으로 이동. 키값 [M,m]
if (event.keyCode=='77') location.href="http://홈주소/bbs/board.php?bo_table=xxx";
if (event.keyCode=='109') location.href="http://홈주소/bbs/board.php?bo_table=xxx";

// 자료창고게시판으로 이동. 키값 [P,p]
if (event.keyCode=='80') location.href="http://홈주소/bbs/board.php?bo_table=xxx";
if (event.keyCode=='112') location.href="http://홈주소/bbs/board.php?bo_table=xxx";

// 작품게시판으로 이동. 키값 [J,j]
if (event.keyCode=='74') location.href="http://홈주소/bbs/board.php?bo_table=xxx";
if (event.keyCode=='106') location.href="http://홈주소/bbs/board.php?bo_table=xxx";
}
}
document.onkeypress=movePage;
</script>
위 코드는 샘플 코드이며 홈에 맞게 응용한다.


핫키로 인해 키보드 콘트롤이 필요한 iframe 혹은 embed 에서는 작동을 하지 않도록 수정을 했다.

키보드 키코드

←(백스패이스) = 8
TAB = 9
ENTER = 13
SHIFT = 16
CTRL = 17
ALT = 18
PAUSEBREAK = 19
CAPSLOOK = 20
한/영 = 21
한자 = 25
ESC = 27

스패이스 = 32
PAGEUP = 33
PAGEDN = 34
END = 35
HOME =36

←(중간) = 37
↑(중간) = 38
→(중간) = 39
↓(중간) = 40

INSERT = 45
DELETE = 46

0 = 48
1 = 49
2 = 50
3 = 51
4 = 52
5 = 53
6 = 54
7 = 55
8 = 56
9 = 57

A = 65
B = 66
C = 67
D = 68
E = 69
F = 70
G = 71
H = 72
I = 73
J = 74
K = 75
L = 76
M = 77
N = 78
O = 79
P = 80
Q = 81
R = 82
S = 83
T = 84
U = 85
V = 86
W = 87
X = 88
Y = 89
Z = 90

윈도우(왼쪽) = 91
윈도우(오른쪽) = 92
기능키 = 93

0(오른쪽) = 96
1(오른쪽) = 97
2(오른쪽) = 98
3(오른쪽) = 99
4(오른쪽) = 100
5(오른쪽) = 101
6(오른쪽) = 102
7(오른쪽) = 103
8(오른쪽) = 104
9(오른쪽) = 105


.(오른쪽) = 110
/(오른쪽) = 111
*(오른쪽) = 106
+(오른쪽) = 107
-(오른쪽) = 109

F1 = 112
F2 = 113
F3 = 114
F4 = 115
F5 = 116
F6 = 117
F7 = 118
F8 = 119
F9 = 120
F10 = 121
F11 = 122
F12 = 123

NUMLOCK = 144
SCROLLLOCK = 145
=(중간) = 187
-(중간) = 189
`(왼쪽콤마) = 192
\(중간) = 220

추천인
  • 추천해 주세요
yadolee
6
루루아빠 - 회원등급 : 최고관리자 - 포인트 : 1,333,141
레벨 100
경험치 1,489,139

Progress Bar 13.8%

- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑 루루아빠랍니다~~

댓글3

루루아빠님의 댓글

yadolee
루루아빠 글쓴이 2015.09.21 03:04
핫키로 인해 키보드 콘트롤이 필요한 플래쉬 게임이랄지 그런 부분에 문제가 있다. 다음과 같이 수정한다. 수정 전

// 핫key 함수
function movePage() {
var EventStatus = event.srcElement.tagName;
if(EventStatus!='INPUT'&&EventStatus!='TEXTAREA') {
수정 후

// 핫key 함수
function movePage() {
var EventStatus = event.srcElement.tagName;
if(EventStatus!='INPUT'&&EventStatus!='TEXTAREA'&&EventStatus!='IFRAME'&&EventStatus!='EMBED') {
위 소스를 통해 iframe과 embed에서도 핫키가 작동치 않게한다.

루루아빠님의 댓글

yadolee
루루아빠 글쓴이 2015.05.28 07:57

루루홈은 위와 같이 적용되었으며 절대경로를 상대경로 변경하였다. www.yadolee.com 일때와 yadolee.com 일때 절대경로는 동일 도메인으로 인정되지 아니하기에 로그인이 풀리는 문제등과 핫키 지정시 문제가 많아 상대경로로 모두 변경하였다.

루루아빠님의 댓글

1/26
yadolee
루루아빠 글쓴이 @루루아빠 2015.09.23 10:42
메인으로 이동하는 상대경로가 ../ 임으로 jwplayer의 절대경로도 상대경로로 변경하였다. 결국 홈의 루트는 상대경로가 한단계 앞 폴더를 의미하는 ../ 임을 잊지말자.


<!--  --><!-- pure 7.0 player -->
<!-- kegen 6.12 player -->

Total 7622126 페이지

제목 글쓴이 날짜 조회 추천
이윰  댓글+1🏆 게시글 추천시 글 작성자에게 포인트 부여하기 shadow2fox 2019.03.15 2,127 1
JavaScript  댓글+1🏆 텍스트 타입의 input 태그에 텍스트 입력 시 앞뒤 공백제거 shadow2fox 2021.06.20 1,150 1
이윰  🏆 관리자는 본문 내용 없이 글 작성하기 루루아빠 2015.04.22 3,369 1
이윰  🏆 사이드바 없애기 루루아빠 2015.04.22 3,242 1
이윰  🏆 좀 더 전문적으로 관리자 본문 내용 없이 글 작성하기 루루아빠 2015.04.22 3,071 1
JavaScript  🏆 특정 div의 내용을 일정 시간마다 새로고침하기 루루아빠 2016.03.20 15,414 1
이윰  🏆 "카테고리"별 게시글 갯수 나타내기 루루아빠 2015.04.24 3,121 1
이윰  댓글+2🏆 본문 내 첨부된 이미지와 에디터로 업로드한 이미지 갯수 구하기 shadow2fox 2019.05.12 2,176 1
이윰  🏆 반응형 이미지를 위한 태그 루루아빠 2015.04.29 3,012 1
이윰  댓글+1🏆 마이홈과 마이페이지에서 사이드바 사용하지 않기 shadow2fox 2019.05.26 2,275 1
에디터  🏆 CKeditor4.x 소스 온전하게 보여주기 루루아빠 2015.05.06 3,835 1
이윰  🏆 모바일에서 이미지 넓이 높이 태그 제거하기 루루아빠 2015.05.07 2,780 1
기타  🏆 JWPlayer(6.9이상) 비디오 주위 파란색 테두리 없애기 루루아빠 2015.05.07 4,154 1
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.9 shadow2fox 2021.06.25 1,403 1
이윰  🏆 이윰 메뉴 설정시 사용중인 출력순서 에러 해결하기 루루아빠 2015.05.12 3,385 1
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.10 shadow2fox 2021.07.01 1,189 1
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.12 shadow2fox 2021.07.21 1,254 1
그누•영카트  🏆 이미지만 오른쪽 마우스 버튼 금지 루루아빠 2015.05.20 3,021 1
그누•영카트  댓글+2🏆 그누보드(영카트) 5.4.14 shadow2fox 2021.08.11 1,318 1
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.18 shadow2fox 2021.10.26 1,260 1
PHP  댓글+2🏆 PHP 8.1.0 이용 시 그누보드 visit 관련 DB에서 MYSQL PHP Fatal error 루루아빠 2021.11.26 2,265 1
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.19 shadow2fox 2021.12.10 1,833 1
그누•영카트  댓글+1 그누보드(영카트) 5.4.20 shadow2fox 2021.12.23 894 1
에디터  🏆 CKeditor4.x 글 작성시 스페이스 공란이 &nbsp; 로 자동으로 변경되는 문제 해결 루루아빠 2016.11.06 3,193 1
그누•영카트  댓글+1🏆 그누보드(영카트) 5.4.22 shadow2fox 2022.01.18 1,105 1
그누•영카트  댓글+1🏆 그누보드 5.4.1.3 shadow2fox 2019.12.24 2,261 1
그누•영카트  🏆 그누보드 전체 검색에서도 단어 필터링 적용하기 루루아빠 2017.01.09 2,855 1
그누•영카트  🏆 영카트 5.4.1.4 shadow2fox 2020.01.08 1,784 1
이윰  댓글+1🏆 카카오TV 올바르게 적용하기 shadow2fox 2020.01.29 2,338 1
그누•영카트  댓글+1 그누보드(영카트) 5.5.3 (구글 쇼핑 피드 추가) shadow2fox 2022.03.05 928 1