Next/Previous navigation with arrow keys!

Greasy Fork is available in English.

Next/Previous navigation with arrow keys!

Use the arrow keys to navigate the next or previous pages of tutorials ;)

2025-03-05 يوللانغان نەشرى. ئەڭ يېڭى نەشرىنى كۆرۈش.

سوئال سوراش، ئوبزور يېزىش ياكى قوليازمىنى پاش قىلىش.

Wrap lines

// ==UserScript==
// @name        Next/Previous navigation with arrow keys!
// @namespace   Violentmonkey Scripts
// @match       https://www.w3schools.com/*/*
// @grant       none
// @version     1.1
// @author      AvinashReddy3108 (assisted by ChatGPT)
// @license     WTFPL
// @description Use the arrow keys to navigate the next or previous pages of tutorials ;)
// ==/UserScript==
 
(function() {
    'use strict';
 
    document.addEventListener('keydown', function(event) {
        if (event.target.tagName.toLowerCase() === 'input' || event.target.tagName.toLowerCase() === 'textarea') {
            return; // Ignore inputs and textareas
        }
 
        // Container which has the next/previous buttons
        let container = document.querySelector("div.w3-clear.nextprev");
        if (!container) return;
 
        // The Next/Previous buttons
        let prevButton = container.querySelector("a.w3-left.w3-btn");
        let nextButton = container.querySelector("a.w3-right.w3-btn");
 
        if (event.key === 'ArrowLeft' && prevButton) {
            window.location.href = prevButton.href;
        } else if (event.key === 'ArrowRight' && nextButton) {
            window.location.href = nextButton.href;
        }
    });
})();