使Javascript触发按键上的2个按钮_Javascript_Html

使Javascript触发按键上的2个按钮

javascript html

使Javascript触发按键上的2个按钮,javascript,html,Javascript,Html,我一直希望Javascript触发一个按钮，保存几个文本框中的值，并触发另一个元素的重置按钮，以便在按下enter键后加载值。我知道这两个按钮可以正常工作，但我为按键触发器编写的Javascript代码不能正常工作示例：假设我有以下Javascript代码： document.getElementById("savevalues") .addEventListener("keyup", function(event) { event.preventDefault(); if (event.k

我一直希望Javascript触发一个按钮，保存几个文本框中的值，并触发另一个元素的重置按钮，以便在按下enter键后加载值。我知道这两个按钮可以正常工作，但我为按键触发器编写的Javascript代码不能正常工作

示例：

假设我有以下Javascript代码：

document.getElementById("savevalues")
.addEventListener("keyup", function(event) {
event.preventDefault();
if (event.keyCode == 13) {
    document.getElementById("reset").click();
}
});

假设我有以下HTML：

<html>
<body>
<button onclick="savevalues()" id="savevalues">Button 1</button>
<button onclick="reset()" id="reset">Button 2</button>
</body>
</html>


按钮1
按钮2

我做错了什么？如果您需要查看Javascript和HTML代码，以下是指向我的github项目的链接： Javascript文件位于js文件夹中，名为：game_manager.js，按键代码位于文件底部。HTML代码位于主文件夹中，名为：play.HTML

编辑

我已尝试更改。单击（）重置（），但仍然没有更改。

抱歉，错过了“回车”键部分

将事件侦听器添加到文档：

document.addEventListener("keyup", function(event) {
  event.preventDefault();
  if (event.keyCode == 13) {
    document.getElementById("reset").click();
  }
});

尝试更改此代码：

document.getElementById("restart").click();

到

因此，为了使JS与HTML元素匹配，您在这里发布的代码应该与您使用“reset”作为ID并尝试使用“restart”引用它的事实无关

我瞥了一眼你的项目，在那里你正确地使用了“重启”两种方式。但是，在game_manager.js中，您试图使用

document.getElementById（“applyvalues”）

引用ID为“savevalues”的元素

这就是你的问题。

请你再解释一下@JuanReplace

document.getElementById（“重新启动”）。单击（）与重新启动（）或它触发的任何函数。您正在将keyup事件侦听器绑定到一个按钮，它将如何以及何时调用？？我已经在HTML中修复了重置，并且仍然执行相同的操作thing@Durga这有点尴尬，但当按钮有焦点时，就像点击后一样，按键会触发按钮上的按键事件我只是举个例子@Mikael@user7986429正如我所说，我查看了您实际项目中的代码。play.html包含我修复了错误，但仍然没有更改。当我上传文件时，我对play.html和game_manager.js做了一些修改，我忘记了我在play.html中放了什么，也没有意识到，所以可能这就是为什么它说@Mikael。但我的原始代码确实匹配，所以我不知道它为什么不工作。它应该工作，假设您的“重新启动”按钮实际上有一个单击事件的事件侦听器。我看不出您实际上在代码中的任何地方添加了这样的事件侦听器。添加一个console.log（“触发器重启”）if（event.keyCode==13）{}
块中，验证它是否从未触发单击事件（或它是否确实触发）。不要告诉我它不起作用，告诉我添加控制台.log后会发生什么
document.getElementById("reset").click();