메뉴 보이기
Profile
이온디

2017.06.29

핫키 소스

조회 수 40 추천 수 0

XE 레이아웃 혹은 XE 애드온에 삽입 가능한 핫키 소스입니다.

hotkey.js

function checkHotkey(){
  if ( (event.srcElement.tagName != 'INPUT') && (event.srcElement.tagName != 'TEXTAREA') && (event.srcElement.getAttribute('contenteditable') != 'true') ){
    if ( (event.keyCode=='48') || (event.keyCode=='101') ) location.replace('/eond'); /* e, 0 */
 if ( (event.keyCode=='49') || (event.keyCode=='119') )location.replace('/web'); /* w, 1 */
 if (event.keyCode=='50' || event.keyCode=='100') location.replace('/webmal'); /* d, 2 */
 if (event.keyCode=='51' || event.keyCode=='99') location.replace('/community'); /* c, 3 */
 if (event.keyCode=='52' || event.keyCode=='108') location.replace('/look'); /* l, 4 */
 if ( (event.keyCode=='53') || (event.keyCode=='114') ) location.replace('/rosso'); /* r, 5 */
 if ( (event.keyCode=='54') || (event.keyCode=='115') ) location.replace('/is'); /* s, 6 */
 if (event.keyCode=='55' || event.keyCode=='110') location.replace('/mynote'); /* n, 7 */
 if (event.keyCode=='56' || event.keyCode=='102') location.replace('/likefirst'); /* f, 8 */
 if (event.keyCode=='57' || event.keyCode=='104') location.replace('/hera'); /* h, 9 */
 if (event.keyCode=='121') location.replace('/yncare'); /* y */
 }
}
document.onkeypress=checkHotkey;
// jQuery(document).not('input, textarea, [contenteditable=true]').keypress(checkHotkey);


input이나 textarea, 그리고 엘리먼트에 요소 중 contenteditable이 true가 아닌 경우에

keycode를 입력할 경우 원하는 페이지로 이동하는 소스입니다.

document.onkeypress=checkHotkey;

아무 키를 누르며녀 checkHotkey 펑션이 동작을 하게 됩니다.


라르게덴님이 제이쿼리로 알려주신 부분은 아래 주석으로 처리된 부분입니다.

input, textarea, 요소 중 contenteditable=true가 아닌 경우에 keypress (키를 누르는 동작)을 하면 checkHotkey가 동작이 됩니다.


참조 : https://github.com/madrobby/keymaster/issues/45



Profile
7
Lv
이온디

이온디 홈페이지는 간결하며,

 손쉽게 수정할 수 있습니다.

0개의 댓글

Profile
에디터
번호 제목 글쓴이 날짜 조회 수
공지 [팁] 자바스크립트 관련 유용한 링크 모음집 (러닝은빛) profile 이온디 2015.08.27 400
공지 자바스크립트 추천 사이트 1 profile 이온디 2015.08.06 315
75 [팁] 정규식 테스트 사이트 모음 profile 이온디 2019.11.12 16
74 [팁] offset().top 오류 profile 이온디 2019.04.27 345
73 [팁] 프레임셋 안에서 주소창 주소변경하기 profile 이온디 2019.04.06 85
72 [라이브러리] 제이쿼리 패럴랙스 profile 이온디 2018.07.17 33
71 [팁] animation json lottie profile 이온디 2018.03.28 27
70 [editor] Froala Editor profile 이온디 2017.10.22 35
69 [팁] 얇은 스크롤바 profile 이온디 2017.10.11 71
68 [팁] li 더블클릭 편집 profile 이온디 2017.09.12 27
[팁] 핫키 소스 profile 이온디 2017.06.29 40
66 [기초] 자바스크립트 innerHTML 을 이용한 H1~H5 자동입력 profile 이온디 2017.05.17 48
65 [차트] Chart.js profile 이온디 2017.03.29 440
64 [라이브러리] 가격 범위 슬라이더 스크립트(1) - Ion.RangeSlider profile 이온디 2017.01.02 192
63 [라이브러리] parallax.js 패럴럭스 스크립트 profile 이온디 2016.07.18 0
62 [팁] 자바스크립트 카운터 및 가격 계산 profile 이온디 2016.07.03 1490
61 [라이브러리] 자바스크립트 로딩바 progressbar.js profile 이온디 2016.06.17 98
60 [라이브러리] 자바스크립트 로딩바 nprogress profile 이온디 2016.06.17 113
59 [라이브러리] 자바스크립트 프로그레스바 page.js profile 이온디 2016.06.17 90
58 [고급팁] Javascript 바보들을 위한 Promise 강의 - 도대체 promise는 어떻게 쓰는 거야? profile 이온디 2016.06.10 91
57 [고급팁] 동기와 비동기 프로그래밍 profile 이온디 2016.06.10 43
56 [고급팁] Javascript 비동기 프로그래밍 profile 이온디 2016.06.10 101