Javascript 单击键时显示gif

您好，我想在单击Ctrl键时显示gif，但当我停止时，我想显示图像

我的代码使gif在我单击Ctrl键时显示，但如果我停止，gif将保持不变

代码：

document.addEventListener（'keydown'，函数（事件）{
如果（event.keyCode==17）{
document.getElementById（“key”）.innerHTML=“”；
新梢-=1；
document.getElementById（“shoot”）.innerHTML=shoot；
}
}

试试这个。我制作了一个“向上键”事件，在不按该键时替换GIF。你也可以让它专门对Ctrl键做出反应。我为元素添加了两个ID标记，因为你没有附加任何HTML元素

如上所述，您需要一个

Keyup

函数来处理未按下该键时的事件

document.addEventListener（'keydown'，函数（事件）{
控制台日志（“事件”）；
如果（event.keyCode==17）{
控制台日志（“按键”）；
document.getElementById（“key”）.innerHTML=“”；
新梢-=1；
document.getElementById（“shoot”）.innerHTML=shoot；
}
});
document.addEventListener（'keyup'，函数（事件）{
document.getElementById（“键”）.innerHTML=“此键已启动”
});
您好
拍摄

你能发布你的

keypup

处理程序吗？我只有keypdown处理程序。那么，如果没有

keypup

处理程序，你打算如何应对

Ctrl

键被释放？我为按下Ctrl键时的反应做了一个

if（event.keyCode==17）

，谢谢你，这对我帮助很大。

document.addEventListener('keydown', function(event) {

if(event.keyCode == 17) {

document.getElementById("key").innerHTML = "<img src=\"stick.gif\">";

shoot -= 1;

document.getElementById("shoot").innerHTML = shoot;
  }
}

<script>document.addEventListener('keydown', function(event) {
console.log("Event");
if(event.keyCode == 17) {
console.log("Key Pressed");
document.getElementById("key").innerHTML = "<img src=\"stick.gif\">";

shoot -= 1;

document.getElementById("shoot").innerHTML = shoot;
  }

});
document.addEventListener('keyup', function(event) {
document.getElementById("key").innerHTML = "This key is up"

});

</script>
<p id="key">Hello</p>
<p id="shoot">Shot</p>