尝试使用按键调用函数和 if else 语句时出现 Javascript 错误-6ren

尝试使用按键调用函数和 if else 语句时出现 Javascript 错误

转载作者：行者123 更新时间：2023-12-03 03:45:26

24

4

我想根据调用函数的按键更改红色圆圈的位置，但我收到错误，而且我是初学者，所以我不知道我在这里做错了什么。

我希望这些红色圆圈在一段时间后消失，这就是为什么我添加了超时代码，并且我希望它们出现在图像上。

有人可以帮忙吗？我确信这是一个 2 分钟的修复，但我只是不擅长编码。

<html>
  <head>
    <title>Page Title</title>
    <style>
      body {
        background-image: url("violin.jpg");
        background-size: 2500px 1300px;
        <canvas id="myCanvas" width="1024" height="768"></canvas>
      } 
  </head>
  </style>
  <img id="bow" src="bow.jpg" style="display:none;" />
  <script>
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");
    window.addEventListener("keydown", soundPlay);
    function fillRed() {
      ctx.fillStyle = "red,";
      ctx.fill();
    }
    function keyQ() {
      ctx.beginPath();
      ctx.arc(500, 500, 30,0, Math.PI*2);
      ctx.fillStyle = "red";
      ctx.fill();
    }
    function keyW() {
      ctx.beginPath();
      ctx.arc(300, 300, 40,0, Math.PI*2);
      ctx.fillStyle = "red";
      ctx.fill();
    }
    function keyE() {
      ctx.beginPath();
      ctx.arc(900, 500, 20,0, Math.PI*2);
      ctx.fillStyle = "red";
      ctx.fill();
    }
    function keyR() {
      ctx.beginPath();
      ctx.arc(950, 100, 20,0, Math.PI*2);
      ctx.fillStyle = "red";
      ctx.fill();
    }
    ///var x = event.keyCode;
    <input type="text" onkeydown="pressedKey(event)">

    **THE ERROR I AM HAVING IS HERE**

    function pressedKey(event) {
      var x = event.keyCode;
      if (x == 27) { // 27 is the ESC key
        alert ("You pressed the Escape key!");
      } else if (x == 81) {
        keyQ();   
        var sound = new Audio('1.mp3');
        sound.play();
        setTimeout(fillRed, 200);
      } else if (event.keyCode == 87) {
        keyW();
        var sound = new Audio("2.mp3");
        sound.play();
        setTimeout(fillRed, 200);
      } else if (event.keyCode == 69) {
        keyE();
        var sound = new Audio("3.mp3");
        sound.play();
        setTimeout(fillRed, 200);
      } else if (event.keyCode == 82) {
        keyR();
        var sound = new Audio("4.mp3");
        sound.play();
        setTimeout(fillRed, 200);
      }
    }
  </script>
}
  <body></body>
</html>

最佳答案

黛米斯，

这段代码有一些不正确的地方:

您的样式中有 HTML...( Canvas )
您的脚本(输入)中有 HTML
您的脚本外部有右大括号(这在 html 中不会出错，但我只能看到它应该消失或位于您的脚本标记内)
您的 head 和 style 标签未正确嵌套。在关闭你的风格之前，你先关闭了你的头脑。

干杯

关于尝试使用按键调用函数和 if else 语句时出现 Javascript 错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45413423/

24

4

0

文章推荐： javascript - 为什么我得到第一个数组项未定义？

文章推荐： javascript - 重置 TinyMCE 的取消按钮

java - 想要创建 if 语句，然后是几个 else-if 语句，最后是一个 "capture-all"else-语句
创建一个“海盗对话”，可以选择左手或右手。我希望它对“左”和“右”的不同拼写做出积极的回答(正如您将在代码中看到的那样)，但是，当我为所有非“右”或“左”的输入添加最终的“else”代码时，它给了我一
VBS教程：VBScript 语句-With 语句
With 语句对一个对象执行一系列的语句。 With object statements End With 参数 object 必需的部分
VBS教程：语句-While...Wend 语句
While...Wend 语句当指定的条件为 True 时，执行一系列的语句。 While condition &nbsp； Version [stat
python - 在同一行上创建 for 语句，但不在下一个输入上创建 for 语句
所以我正在处理的代码有一个小问题。 while True: r = input("Line: ") n = r.split() if r == " ":
javascript - 嵌套 if 语句 - 如何重构条件以在迭代时使用一个 if 语句
我有一个对象数组: var contacts = [ { "firstName": "Akira", "lastName": "Laine", "number"
c - 在函数中有两个return 语句，将执行哪个return 语句？
int main() { int f=fun(); ... } int fun() { return 1; return 2; } 在上面的程序中，当从main函数中调用一个
ios - Switch 语句 VS If 语句
我的项目中有很多 if 语句、嵌套 if 语句和 if-else 语句，我正在考虑将它们更改为 switch 语句。其中一些将具有嵌套的 switch 语句。我知道就编译而言，switch 语句通常更
VBS教程：VBScript 语句-Rem 语句
Rem 语句包含程序中的解释性注释。 Rem comment 或 ' comment comment 参数是需要包含的注释文本。在 Rem 关键字和 comment 之间应有一个空格。
VBS教程：VBScript 语句-ReDim 语句
ReDim 语句在过程级中声明动态数组变量并分配或重新分配存储空间。 ReDim [Preserve] varname(subscripts) [, varname(subscripts)]
VBS教程：VBScript 语句-Randomize 语句
Randomize 语句初始化随机数生成器。 Randomize [number] number 参数可以是任何有效的数值表达式。说明 Randomize 使用 number 参数初始
VBS教程：VBScript 语句-Public 语句
Public 语句定义公有变量并分配存储空间。在 Class 块中定义私有变量。 Public varname[([subscripts])][, varname[([subscripts])
VBS教程：VBScript 语句-Sub 语句
Sub 语句声明 Sub 过程的名称、参数以及构成其主体的代码。 [Public [Default]| Private] Sub name [( arglist )]
VBS教程：VBScript 语句-Set 语句
Set 语句将对象引用赋给一个variable或property，或者将对象引用与事件关联。 Set objectvar = {objectexpression | New classname
javascript - 我在一个 for 循环中有两个 if 语句，为什么有时会在第一个语句之前运行第二个 if 语句？
我有这个代码块，有时第一个 if 语句先运行，有时第二个 if 语句先运行。我不确定为什么会这样，因为我认为 javascript 是同步的。 for (let i = 0; i < dataObje
javascript - 为什么这段代码不起作用？ Javascript if 语句，else if 语句
这是一个 javascript 代码，我想把它写成这样:如果此人回答是，则回复“那很酷”，如果此人回答否，则回复“我会让你开心”，如果此人回答的问题包含"is"或“否”，请说“仅键入”是或否，没有任何
java - 短 if 语句 "inside"短 if 语句
这是我的任务，我尝试仅使用简短的 if 语句来完成此任务，我得到的唯一错误是使用“(0.5<=ratio<2 )”，除此之外，构造正确吗？ Scanner scn = new Scanner(
postgresql - SELECT 语句中的 SQL 语句 If 语句
有没有办法在 select 语句中使用 if 语句？我不能在这个中使用 Case 语句。实际上我正在使用 iReport 并且我有一个参数。我想要做的是，如果用户没有输入某个参数，它将选择所有实例。
java - switch 语句 vs if 语句，哪个对性能更好？
这个问题在这里已经有了答案: 关闭 11 年前。 Possible Duplicate: If vs. Switch Speed 我将以 C++ 为例，但我要问的问题不是针对特定语言的。我的意思是一
VBS教程：VBScript 语句-Property Set 语句
Property Set 语句在 Class 块中，声明名称、参数和代码，这些构成了将引用设置到对象的 Property 过程的主体。 [Public | Private] Pro
VBS教程：VBScript 语句-Property Let 语句
Property Let 语句在 Class 块中，声明名称、参数和代码等，它们构成了赋值（设置）的 Property 过程的主体。 [Public | Private] Prop

首页

博学

6Ren·AI

商城

尝试使用按键调用函数和 if else 语句时出现 Javascript 错误