Question

我是Java脚本的新手。我正在尝试将此简单脚本制作到我的html页面。我的问题是，如何/将多个键码添加到同一功能的正确方法是什么？例。 17、12、71、65。您可以看到只有keychar：17

我当前的代码：

function keyDown(event) {
  if (event.keyCode == 17) {
    var canvas = document.getElementById('image-canvas ');
    canvas.innerHTML = '<img src="alert.png" /> '
    canvas.innerHTML += '<audio src="winxpalert.mp3" autoplay="autoplay"> '
  }
}

function keyUp(event) {
  if (event.keyCode == 17) {
    var canvas = document.getElementById('image-canvas');
    canvas.innerHTML = '';
  }
}

任何帮助将不胜感激！：）

Answer 1

完成这项工作的方法是使用switch。检查该链接以了解其工作原理，这非常简单。

例如：

 $(document).keydown(function (e) {
  switch (e.keyCode) {
    case 17:
    var canvas = document.getElementById('image-canvas ');
    canvas.innerHTML = '<img src="alert.png" /> '
    canvas.innerHTML += '<audio src="winxpalert.mp3" autoplay="autoplay"> '
    break;

    case fooNumber:
    foo;
    break;
}});

说实话，我还没有测试过代码，而且由于我有一段时间没有对按键进行编程，所以我可能会错过一些东西，但是它应该可以工作。显然，将fooNumber更改为所需的keyCode，将foo更改为要在该按键上执行的代码。

为确保键正常工作，您可以插入

代替foo。

警报（“有效”）

然后查看它是否正常运行。

还有什么，让我知道。

祝你好运！干杯。

处理同一功能中的多个键码

1 个答案: