Add Keyboard Shortcut for Generic Next/Previous Page

Add CTRL+ArrowLeft and CTRL+ArrowRight for generic next/previous page. It will click the last found link/button whose text contain ">"/"»", "<"/"«", "Next", "Prev"/"Previous", or "Back".

Ekde 2025/07/25. Vidu La ĝisdata versio.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

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

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

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

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

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name        Add Keyboard Shortcut for Generic Next/Previous Page
// @namespace   AddKeyboardShortcutForGenericNextPreviousPage
// @version     1.0.21
// @license     GNU AGPLv3
// @author      jcunews
// @description Add CTRL+ArrowLeft and CTRL+ArrowRight for generic next/previous page. It will click the last found link/button whose text contain ">"/"»", "<"/"«", "Next", "Prev"/"Previous", or "Back".
// @website     https://greasyfork.org/en/users/85671-jcunews
// @include     *://*/*
// @include     *:*
// @grant       none
// ==/UserScript==

/*
The link/button text more specifically, are those which contain (non case sesitive) "Next", "Prev", "Previous";
or has ">"/"<"; or "«"/"»". The ID and class names are also checked. "«"/"»" have lower priority over the rest conditions.

This script doesn't take into account of links whose contents is an image rather than text, or whose text is a CSS text contents.

If next/previous navigation link is specified in the HTML metadata, it will be used as a priority.
*/

(function(rxPrev, rxPrev2, rxNext, rxNext2, ts) {
  rxPrev = /<|(\b|_)(?:back|prev(ious)?)(\b|_)/i;
  rxPrev2 = /\u00ab/i;
  rxNext = />|(\b|_)next(\b|_)/i;
  rxNext2 = /\u00bb/i;
  rxCarousel = /carousel/i;

  addEventListener("keydown", function(ev, e, a) {

    function clickLink(rx, e, i, l, r) {
      e = document.querySelectorAll('a,button,input[type="button"],input[type="submit"]');
      for (i = e.length - 1; i >= 0; i--) {
        if (
          (
            ((e[i].tagName === "A") && rx.test(e[i].rel)) ||
            ((e[i].tagName === "A") && Array.from(e[i].classList).some(cl => rx.test(cl))) ||
            ((e[i].tagName === "INPUT") && rx.test(e[i].value)) ||
            rx.test(e[i].textContent) ||
            (e[i].id && rx.test(e[i].id)) ||
            Array.from(e[i].classList).some(s => rx.test(s))
          ) && (!rxCarousel.test(e[i].className))
        ) {
          ev.stopImmediatePropagation();
          ev.stopPropagation();
          ev.preventDefault();
          e[i].click();
          return true
        }
      }
      return false
    }

    if (ev.ctrlKey && !ev.altKey && !ev.shiftKey) {
      a = document.activeElement;
      while (a && a.shadowRoot?.activeElement) a = a.shadowRoot.activeElement;
      if (a && ((/^(INPUT|TEXTAREA)$/).test(a.tagName) || a.isContentEditable)) return;
      switch (ev.key) {
        case "ArrowLeft": //previous
          if (e = document.querySelector('link[rel="prev"][href]')) {
            ev.stopImmediatePropagation();
            ev.stopPropagation();
            ev.preventDefault();
            location.href = e.href;
            return
          }
          clickLink(rxPrev) || clickLink(rxPrev2);
          break;
        case "ArrowRight": //next
          if (e = document.querySelector('link[rel="next"][href]')) {
            ev.stopImmediatePropagation();
            ev.stopPropagation();
            ev.preventDefault();
            location.href = e.href;
            return
          }
          clickLink(rxNext) || clickLink(rxNext2);
          break
      }
    }
  }, true)
})()