如何在Chrome中为带JavaScript的网页按钮创建键盘快捷键

• 第一步：安装Tampermonkey扩展
  打开Chrome应用商店，搜索「Tampermonkey」并安装这个用户脚本管理器。

• 第二步：创建自定义脚本
  点击浏览器右上角的Tampermonkey图标，选择「创建新脚本」，清空默认代码，粘贴以下内容：

  // ==UserScript==
  // @name         启动/停止听写快捷键
  // @namespace    http://tampermonkey.net/
  // @version      0.1
  // @description  为指定按钮添加Ctrl+Shift+D快捷键
  // @match        替换成你使用的网页地址
  // @grant        none
  // ==/UserScript==
  
  (function() {
      'use strict';
  
      // 监听键盘按下事件
      document.addEventListener('keydown', function(e) {
          // 设置快捷键为Ctrl+Shift+D，可根据需求修改
          if (e.ctrlKey && e.shiftKey && e.key === 'D') {
              e.preventDefault(); // 阻止默认快捷键行为
              // 找到目标按钮（根据按钮的href属性匹配）
              const targetBtn = document.querySelector('a[href="javascript:void(\'Iniciar/Detener Dictado\')"]');
              if (targetBtn) {
                  targetBtn.click(); // 模拟点击按钮
                  console.log('已触发按钮点击');
              }
          }
      });
  })();
  

• 第三步：配置脚本

  • 将代码里的@match行替换成你日常使用的网页完整地址（比如https://xxx.com/xxx，若要匹配该域名下所有页面，可写成https://xxx.com/*）
  • 若想修改快捷键，调整if (e.ctrlKey && e.shiftKey && e.key === 'D')部分即可，比如改成e.altKey && e.key === 'D'就是Alt+D组合键。

• 第四步：保存并使用
  按Ctrl+S保存脚本，刷新目标网页，之后按下设置的快捷键就能触发按钮点击。

注意：如果按钮选择器无法准确定位目标按钮，可以右键按钮选择「检查」，查看按钮的class、id等其他特征，修改document.querySelector内的匹配规则即可。

内容的提问来源于stack exchange，提问作者Felipe Castillo