☰

SMBC-style keyboard shortcuts for xkcd

Provide previous (z), random (x), and next (c) keyboard shortcuts for xkcd just like SMBC has.

如何安装

您需要先安装一个扩展，例如 篡改猴、Greasemonkey 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 暴力猴，之后才能安装此脚本。

您需要先安装一个扩展，例如 篡改猴 或 Userscripts ，之后才能安装此脚本。

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

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

（我已经安装了用户脚本管理器，让我安装！）

如何安装

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

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

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

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

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

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

（我已经安装了用户样式管理器，让我安装！） 

// ==UserScript==
// @name        SMBC-style keyboard shortcuts for xkcd
// @namespace   [email protected]
// @description Provide previous (z), random (x), and next (c) keyboard shortcuts for xkcd just like SMBC has.
// @include     http*://xkcd.com/*
// @version     2
// @grant       none
// ==/UserScript==
 
void function () {
    var query = document.querySelector.bind(document)
      , keyMap =
        { 'z': query('a[rel=prev]')
        , 'x': query('a[href$="c.xkcd.com/random/comic/"]')
        , 'c': query('a[rel=next]')
        }
    
    document.addEventListener('keypress', function (key) {
        var element = keyMap[ String.fromCharCode(key.which) ]
        if (element != null) element.click()
    })
}()