본문 바로가기

[IT/Programming]/HTML related

티스토리 단축키 설정 (+단축키 추가/수정하기)

반응형

티스토리 단축키 설정 (+단축키 추가/수정하기)

티스토리에 단축키가 있다는걸 최근에야 깨달음;;; 티스토리 단축키 설명은 sidebar에도 표시해 놨음.

Posting History

  • 2014-06-20: First Posting.

Table of Contents

티스토리 기본 단축키

티스토리 기본 단축키
  • Q: 관리자 (Admin)
  • A: 이전 글
  • S: 다음 글
  • Z: 최근에 올라온 글
  • X: 최근에 달린 댓글
  • C: 최근에 받은 트랙백
개인적으로 추가한 단축키
  • D: Previous Section
  • F: Forward Section
  • L: To the [Lists]
글쓰기에 들어가면 에디터에도 단축키들이 많은것 같지만, 난 HTML로 쓰는 경우가 많아서 이것 관련 정리는 패스.

단축키 추가/수정하기

단축키를 추가하거나 수정할수도 있는거 같은데... 기본적으로 티스토리 JavaScript에 의해서 단축키가 설정된 것이라 확인을 먼저. 티스토리 페이지를 열고 F12 눌러 (browser developer tool)을 연 뒤, console 창에 document.onkeydown 입력. 그러면 다음과 같이 코드가 나타남 (chrome에서 함.).
function processShortcut(event) {
	if (isIE){ // 'isIE' is tistory variable.
		event = window.event;
		event.target = event.srcElement;
	}
	if (event.altKey || event.ctrlKey || event.metaKey) return;
	switch (event.target.nodeName) {
		case "INPUT":
		case "SELECT":
		case "TEXTAREA":
			return;
	}
	switch (event.keyCode) {
		case 81: //Q
			window.location = "/admin";
			break;
		case 65: //A
			window.location = "?page=1";
			break;
		case 83: //S
			window.location = "?page=3";
			break;
		case 90: //Z
			window.location = "#recentEntries";
			break;
		case 88: //X
			window.location = "#recentComments";
			break;
		case 67: //C
			window.location = "#recentTrackback";
			break;
	}
}
와 같이 나타남. 이걸 보고 적당히 비슷하게 단축키를 수정하거나 추가할 수 있을듯.
Test your keyCode:
keyCode for the key pressed: A = 65
keyCode for the key pressed: B = 66
keyCode for the key pressed: C = 67
keyCode for the key pressed: D = 68
keyCode for the key pressed: E = 69
위에서 keyCode 확인하시고, 아래와 같이 작성해서 추가적으로 단축키를 추가함.

		
		
		
	
반응형