Jisho Basic Keyboard Navigation

Add basic keyboard navigation to jisho pages

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name         Jisho Basic Keyboard Navigation
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  Add basic keyboard navigation to jisho pages
// @author       NickNickovich
// @match        https://jisho.org/*
// @grant        none
// ==/UserScript==

/* jshint esversion:6 */

const focusInput = () => {
    document.documentElement.scrollTop = 0;
    const inputField = document.getElementById("keyword");
    inputField.focus();
    inputField.select();
}

const clickMoreWords = () => {
    document.querySelectorAll("a.more").forEach(link => {
        if (link.innerText === "More Words >") {
            link.click();
        }
    });
}

(function() {
    'use strict';
    document.onkeydown = e => {
        // Focus input field
        if (e.altKey && e.code === "KeyQ") focusInput();
        // Scroll up
        if (e.altKey && e.code === "KeyK") {
            window.scrollBy({ top: -200, left: 0, behavior: "smooth" });
        }
        // Scroll down
        if (e.altKey && e.code === "KeyJ") {
            window.scrollBy({ top: 200, left: 0, behavior: "smooth" });
        }
        // Click "More Words" link
        if (e.altKey && e.code === "KeyN") clickMoreWords();
    };
})();