简单练习双拼

前言 #

今天在 ihint 网站上练习小鹤双拼，一个下午已经有三分进步（满分百分）。刚开始是看着键位图提示，后面倒是有点飘了，想试一下逐渐不看提示，不过实力还是差得多。 于是一直在鼠标点击切换“显示键位图”这个 checkbox 上，终于不耐烦，三分钟写个油猴脚本，解放鼠标，按住空格查看答案（显示键位图），松开空格隐藏键位图。

效果 #

源码 #

// ==UserScript==
// @name         双拼练习网站按住空格切换显示键位图
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  双拼练习网站 <https://api.ihint.me/shuang/> 按住空格切换显示键位图
// @author       Arvin
// @match        https://api.ihint.me/shuang/
// @grant        none
// ==/UserScript==

(function () {
  'use strict'

  const checkbox = document.querySelector('#pic-switcher')
  if (checkbox) {
    // 隐藏键位图
    checkbox.checked = false

    let isSpacePressed = false

    document.addEventListener('keydown', (event) => {
      if (event.key === ' ' && !isSpacePressed) {
        // 防止事件重复触发
        isSpacePressed = true
        // 显示键位图
        checkbox?.click()
      }
    })

    document.addEventListener('keyup', (event) => {
      if (event.key === ' ') {
        // 重置标志以便下次触发
        isSpacePressed = false
        // 隐藏键位图
        checkbox?.click()
      }
    })
  }
})()