WebToon - Keyboard Navigation

Enables pagination with the keyboard arrows

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

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

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
// ==UserScript==
// @name           WebToon - Keyboard Navigation
// @description    Enables pagination with the keyboard arrows
// @author         MetalTxus
// @version        1.0.0

// @icon           https://webtoons-static.pstatic.net/image/favicon/favicon.ico
// @match          https://www.webtoons.com/*
// @namespace      https://github.com/jesuscc1993/user-js
// @require        https://code.jquery.com/jquery-3.2.1.min.js
// @require        https://greasyfork.org/scripts/396703-key-navigation/code/Key%20navigation.js
// ==/UserScript==

/* globals setUpKeyNavigation jQuery */

(() => {
  'use strict';

  const setUpPagination = () => {
    const previousPageAnchor = jQuery('.pg_prev');
    const nextPageAnchor = jQuery('.pg_next');

    setUpKeyNavigation({
      onLeftPressed: () => {
        if (previousPageAnchor.length) {
          location.href = previousPageAnchor.attr('href');
        }
      },
      onRightPressed : () => {
        if (nextPageAnchor.length && !nextPageAnchor.hasClass('dim')) {
          location.href = nextPageAnchor.attr('href');
        }
      },
    });
  }

  setUpPagination();
})();