怎么在chrome页面实现键盘自动点击按钮

img

  1. 想用document.getElementsByClassName('')[0].click(); 实现键盘上的按键代替鼠标来点击按钮,运行这个button class,但是一直实现不了,求解!
    我是用shortkeys运行脚本 用点击按键q代替鼠标点击,也就是button class这个程序

试下这个,
点击按键'up',触发

window.addEventListener('keyup', doSomething, true)

function doSomething(e)
{
   console.log("你点击了按键,你的keyCode为:"e.keyCode);
  if(e.keyCode == 123)
  {
    console.log("你触发了点击事件");
   // 调用你想要这个按钮触发的函数,也就是原先鼠标点击触发的函数
    
  }
}

如有问题,及时沟通

可以参考这两份资料,定制你想要的键盘按钮效果。
参考链接:


【JavaScript :语法】使用JS监听键盘按下事件(keydown event)_天有行-地无迹-千秋怎堪一剑扫的博客-CSDN博客_js监听键盘上下键 转载:使用JS监听键盘按下事件(keydown event)Js-三大事件(鼠标事件、键盘事件、html事件)JavaScript HTML DOM 事件 ================================================================================一、鼠标事件:click:单击dblclick:双击... https://blog.csdn.net/weitaming1/article/details/88556423?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_title~default-0-88556423-blog-104210417.pc_relevant_aa&spm=1001.2101.3001.4242.1&utm_relevant_index=3


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form id="fromId" action="">
      <button class="sn-touchable on primary" type="submit">搜寻航班</button>
    </form>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
      window.addEventListener("keyup", enterClick, true);

      function enterClick(e) {
        if (e.keyCode == 13) {
          $("#fromId").submit();
        }
      }
    </script>
  </body>
</html>

submit按钮执行的是表单的提交,你js要获取form,然后调用submit方法

document.form.submit();

把上面的form换成你的formid即可,
或者

document.forms[0].submit();

如有帮助,请采纳,十分感谢!