javascript - e.keyCode 不起作用

标签 javascript canvas

我是编程新手,我会做任何我在 YouTube 视频中看到的事情来创建一个带有 Canvas 的游戏。该代码在视频中有效,但对我不起作用。我在屏幕上看不到关键代码,因此关键代码不起作用。我不知道编码有什么问题..

我的代码:

var canvas = document.getElementById("mainCanvas");
var context = canvas.getContext("2d");
var keys[];
window.addEventListener("keydown", function(e) {
  alert(e.keyCode);
}, false);
<html>

<head>
  <title>GAME</title>
  <link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
  <canvas id="mainCanvas" width="500" height="400"></canvas>
  <script src="script.js"></script>
</body>

</html>

最佳答案

开发时始终使用开放的控制台。您收到以下错误:未捕获的语法错误:意外的标记 [

那是因为你没有像那样在 JS 中创建数组。您实际上是这样做的:var arr = [];。只需将 varkeys[] 更改为 varkeys = [];

关于javascript - e.keyCode 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33031062/

相关文章:

javascript - 在 es6 中覆盖库函数

javascript - 使用 framework7 选择单选按钮后重定向到另一个页面

javascript - 从一个 Controller 调用另一个

javascript - 如何使 HTML canvas 对象随着光标移动并随着时间的推移变慢?

javascript - 如何找到 Canvas 中有多少个单位?

javascript - 媒体记录器 : Record from Multiple Microphones

javascript - 使用可选属性扩展 TypeScript 类型

javascript - Chrome 在 Canvas 元素上以不同方式转换文本。为什么?

Javascript:使用绝对路径设置 img src

javascript - html5 Canvas 中的图形 : Bizarre and undesired optical effects