Vim keybindings

You don't need to reach your hand over to the arrowkeys anymore

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name        Vim keybindings
// @namespace   Violentmonkey Scripts
// @match       https://www.tiktok.com/*
// @grant       none
// @version     1.1
// @author      Tom van Dijk
// @description You don't need to reach your hand over to the arrowkeys anymore
// @license GPL-3.0-or-later
// ==/UserScript==
function handler(e) {
  if (!(document.activeElement.contentEditable === 'true')) {
    switch (e.keyCode) {
		case 74:
			document.body.dispatchEvent(
				new KeyboardEvent(
					"keydown",
					{
						keyCode: 40,
						target: document.body,
						key: "ArrowDown",
						code: "ArrowDown",
						bubbles: true,
						cancelable: true,
					}
				)
			);
			break;
		case 75:
			document.body.dispatchEvent(
				new KeyboardEvent(
					"keydown",
					{
						keyCode: 38,
						target: document.body,
						key: "ArrowUp",
						code: "ArrowUp",
						bubbles: true,
						cancelable: true,
					}
				)
			);
			break;
		default:
			break;
	}
  }
}
document.addEventListener("keydown", handler, false);