前端如何调用快捷键调用某个接口

原创已于 2022-09-23 15:15:39 修改 · 212 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

于 2022-09-23 15:12:07 首次发布

这篇博客介绍了如何在支付页面通过监听键盘事件来实现Ctrl+I的快捷支付功能。通过设置code1和code2变量来判断组合键是否被按下，并在按键释放后重置这些变量，确保支付操作的安全和便捷。

举栗子
支付页面需要使用ctrl+i实现快捷支付，为机器人创造便捷通道
即：

mounted() {
	let code1 = 0;
    let code2 = 0;
    document.onkeydown = () => {
      var key = window.event.keyCode;
      if (key == 17) {
        code1 = 1;
      }
      if (key == 73) {
        code2 = 1;
      }
      if (code1 === 1 && code2 === 1) {
        this.getRecharge();
      }
    };
    document.onkeyup = () => {
      var key = window.event.keyCode;
      if (key == 17) {
        code1 = 0;
      }
      if (key == 73) {
        code2 = 0;
      }
    };
}