Next/Previous navigation with arrow keys!

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

2025-03-05 या दिनांकाला. सर्वात नवीन आवृत्ती पाहा.

Ask a question, post a review, or report the script.

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;
        }
    });
})();