如何使用硬件键盘按键触发html按钮及其onclick功能?

你好,世界

我是编码的新手,这个话题可能很常见,但是我很困惑。

我有一个按钮:

<button onclick = typeWriter()>/click</button>`

我的功能:

var myArray = ['such', 'something else', ]; 
var rand = myArray[Math.floor(Math.random() * myArray.length)]; 
var i = 0;
var speed = 55; 

function typeWriter() {
  if (i < rand.length) { 
    document.getElementById("question").innerHTML += rand.charAt(i);
    i++;
    setTimeout(typeWriter, speed); 
  }
}

如何添加键盘键(如空格键)作为事件侦听器或类似的控件,以便当我按下空格键(而不是在文本框中)时,它按下按钮并触发功能?一个简单的香草javascript答案将是可取的,因为我没有jQuery。

仅仅添加用空格键触发myFunction的脚本而不是通过触发按钮来更好?如果是这样,我该如何编程?

顺便说一句:我正在尝试使用iPad键盘在移动设备上执行此操作。这会改变什么吗?

谢谢。

吉列尔梅·马丁(Guilherme Martin)

window如果要在HTML的所有位置触发函数可以添加一个侦听器

window.onkeydown = function(event) {
    if (event.keyCode == 32) {
        //your function here
    };
};

在这里您可以找到键盘的所有键代码:https : //keycode.info/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Javascript创建按钮并触发HTML上的onclick功能

来自分类Dev

如何使用键盘按键更改HTML中的视频

来自分类Dev

在提交按钮上使用按键提交表单,它会触发 onclick 吗?

来自分类Dev

长按键盘功能

来自分类Dev

如何在iOS中使用硬件键盘?

来自分类Dev

按钮onclick功能触发两次

来自分类Dev

访问事件触发按钮的onclick功能

来自分类Dev

如何使用joy2key将键盘按键映射到操纵杆按钮?

来自分类Dev

如何正确使用按键功能?

来自分类Dev

监听Swift中的硬件键盘按键

来自分类Dev

监听Swift中的硬件键盘按键

来自分类Dev

如何使用键盘模块检测任何按键?

来自分类Dev

如何在Xamarin.Android中拦截硬件键盘按钮?

来自分类Dev

如何使用Javascript更改HTML按钮onclick?

来自分类Dev

如何在iOS上通过硬件键盘检测按键上/下键事件?

来自分类Dev

SwiftUI iOS-如何使用捕获的硬件按键事件

来自分类Dev

当我按下输入按钮时,如何触发onclick功能?

来自分类Dev

当我按下输入按钮时,如何触发onclick功能?

来自分类Dev

如何使用切换功能更改按钮文本onclick

来自分类Dev

如何使用切换功能更改按钮文本onclick

来自分类Dev

如何触发按键或按键事件

来自分类Dev

Google Apps脚本HTML-如何从整个文档(而不只是按钮)触发键盘事件?

来自分类Dev

如何更改键盘按钮“转到”功能

来自分类Dev

单击按钮后如何清除画布和按钮(及其功能)?

来自分类Dev

功能从按钮更改为按键。HTML5/JS

来自分类Dev

触发物理键盘上的按键

来自分类Dev

如何获得多个输入以使用按键功能?Javascript HTML

来自分类Dev

如何使用键盘按键启用水平滚动?

来自分类Dev

如何让键盘“Enter”触发 Access 表单上的按钮按下?

Related 相关文章

  1. 1

    Javascript创建按钮并触发HTML上的onclick功能

  2. 2

    如何使用键盘按键更改HTML中的视频

  3. 3

    在提交按钮上使用按键提交表单,它会触发 onclick 吗?

  4. 4

    长按键盘功能

  5. 5

    如何在iOS中使用硬件键盘?

  6. 6

    按钮onclick功能触发两次

  7. 7

    访问事件触发按钮的onclick功能

  8. 8

    如何使用joy2key将键盘按键映射到操纵杆按钮?

  9. 9

    如何正确使用按键功能?

  10. 10

    监听Swift中的硬件键盘按键

  11. 11

    监听Swift中的硬件键盘按键

  12. 12

    如何使用键盘模块检测任何按键?

  13. 13

    如何在Xamarin.Android中拦截硬件键盘按钮?

  14. 14

    如何使用Javascript更改HTML按钮onclick?

  15. 15

    如何在iOS上通过硬件键盘检测按键上/下键事件?

  16. 16

    SwiftUI iOS-如何使用捕获的硬件按键事件

  17. 17

    当我按下输入按钮时,如何触发onclick功能?

  18. 18

    当我按下输入按钮时,如何触发onclick功能?

  19. 19

    如何使用切换功能更改按钮文本onclick

  20. 20

    如何使用切换功能更改按钮文本onclick

  21. 21

    如何触发按键或按键事件

  22. 22

    Google Apps脚本HTML-如何从整个文档(而不只是按钮)触发键盘事件?

  23. 23

    如何更改键盘按钮“转到”功能

  24. 24

    单击按钮后如何清除画布和按钮(及其功能)?

  25. 25

    功能从按钮更改为按键。HTML5/JS

  26. 26

    触发物理键盘上的按键

  27. 27

    如何获得多个输入以使用按键功能?Javascript HTML

  28. 28

    如何使用键盘按键启用水平滚动?

  29. 29

    如何让键盘“Enter”触发 Access 表单上的按钮按下?

热门标签

归档