Universal Keyboard Navigation

Enables Previous and Next page navigation using keyboard buttons on any site. Browse your favorite Manga, Manhwa, comic, novel sites with ease.

当前为 2024-03-13 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         Universal Keyboard Navigation
// @namespace    http://tampermonkey.net/
// @version      2024-03-03.1
// @description  Enables Previous and Next page navigation using keyboard buttons on any site. Browse your favorite Manga, Manhwa, comic, novel sites with ease.
// @author       Chief Legend
// @match        *://*/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=universalnavigation.com
// @license      MIT
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // List of acceptable innerText values for previous and next pages or chapters
    const navigationTexts = {
        prev: ["Previous Chapter", "Prev Chapter", "Prev Page", "Prev"],
        next: ["Next Chapter", "Next Page", "Next"]
    };

    // Cache for the last found links to improve performance
    let lastFoundLinks = {
        prev: null,
        next: null
    };

    // Function to find a link with the given texts
    function findLink(textArray) {
        for (let text of textArray) {
            let link = document.evaluate(`//a[contains(text(),'${text}')]`,  document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
            if (link) return link;
        }
        return null;
    }

    // Function to simulate click on Prev or Next link
    function navigate(direction) {
        if (lastFoundLinks[direction]) {
            // If we have cached the link, use it
            lastFoundLinks[direction].click();
            return;
        }

        // Find the link using the list of acceptable values
        let link = findLink(navigationTexts[direction]);

        // Cache the link for subsequent use
        if (link) {
            lastFoundLinks[direction] = link;
            link.click();
        }
    }

    // Add keydown event listener to the document
    document.addEventListener('keydown', function(event) {
        // Check if the left arrow key (ArrowLeft) or right arrow key (ArrowRight) was pressed
        if (event.key === 'ArrowLeft') {
            navigate('prev');
        } else if (event.key === 'ArrowRight') {
            navigate('next');
        }
    });
})();