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

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

티스토리에 단축키가 있다는걸 최근에야 깨달음;;; 티스토리 단축키 설명은 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 확인하시고, 아래와 같이 작성해서 추가적으로 단축키를 추가함.

References and Related Articles

1. mookpp.tistory.com - 티스토리 단축키 활용과 추가 설정
2. expandinghead.net - keyCode; and asquare.net - JavaScript Event KeyCode Test Page
   // keyCode를 제대로 정리해놓은 사이트가 별로 없는듯도... 내가 못찾았나?
3. MDN - Web API - Event; and MDN - Web API - DOM examples - Example 5: Event Propagation
4. jQuery - html(); and jQuery - category: Events; and event.preventDefault(); and event.stopPropagation()
5. MDN - String.fromCharCode()