我的 Javascript 代码未检测到输入

Question

我一直在尝试获取输入以处理我的 javascript 代码，无论如何它都不会检测到输入！ 我到处检查，它不起作用！

 <!Doctype HTML> <html> <head> <title>Input Test</title> </head> <body> <!--<button onClick="main()">Start Game</button>--> <p id = "test"> </p> </body> <script> main(); function main() { create(); } function create() { var keystate; keystate = {}; // keep track of keyboard presses document.addEventListener("keydown", function(evt) { keystate[evt.keyCode] = true; }); document.addEventListener("keyup", function(evt) { delete keystate[evt.keyCode]; }); var Up_Key = 38; setInterval("update()", 100); } function update() { //document.getElementById("test").innerHTML = "twerks"; if (keystate[Up_Key]) { document.getElementById("test").innerHTML = "works"; } } </script> </html>

我一直在使用一些教程，我只想要输入检测。

Answer 1

变量keystate和Up_Key在create函数中定义，但您试图在另一个名为update函数中使用它们。 它们将在那里undefined ，因为它在另一个范围内。

如果您在函数之外声明这些变量，您的代码将正常工作。

最好将所有代码封装在 IIFE（立即调用的函数表达式）中，这样您就不会用全局变量污染全局范围。 正如谷歌所说：

立即调用的函数表达式（或 IIFE，发音为“iffy”）是一种 JavaScript 设计模式，它使用 JavaScript 的函数作用域生成词法作用域。

这是您的代码更新和工作：

 <!DOCTYPE HTML> <html> <head> <title>Input Test</title> </head> <body> <p id="test"></p> </body> <script> (function() { var keystate = {}; var Up_Key = 38; main(); function main() { create(); } function create() { // keep track of keyboard presses document.addEventListener("keydown", function(evt) { keystate[evt.keyCode] = true; }); document.addEventListener("keyup", function(evt) { delete keystate[evt.keyCode]; }); setInterval(update, 100); } function update() { if (keystate[Up_Key]) { document.getElementById("test").innerHTML = "works"; } } })(); </script> </html>

我的 Javascript 代码未检测到输入

问题描述

1 个解决方案

解决方案1
1 已采纳 2015-09-22 23:41:03

我的 Javascript 代码未检测到输入

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-09-22 23:41:03

解决方案1
1 已采纳 2015-09-22 23:41:03