单击键时显示 gif
Show gif while clicking in a key
您好,我想在单击Ctrl键时显示gif,但是当我停止时,我想显示图像。
我的代码使 gif 在我单击 Ctrl 时出现,但如果我停止 gif 会保留。
法典:
document.addEventListener('keydown', function(event) {
if(event.keyCode == 17) {
document.getElementById("key").innerHTML = "<img src='"stick.gif'">";
shoot -= 1;
document.getElementById("shoot").innerHTML = shoot;
}
}
试试这个。我做了一个键控事件,当键没有被按下时替换 GIF。您也可以使其专门对 Ctrl 键做出反应。我已经为元素添加了两个 ID 标签,因为您没有附加任何 HTML 元素。
正如上面的注释所提到的,您需要一个Keyup
函数来处理未按下键时的事件。
<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>
相关文章:
- 显示生成的gif;base64图像使用C#代码隐藏在img中使用JavaScript
- 定时动画gif显示
- 加载后显示 GIF
- 加载 gif 图像未显示在 IE 和镶边中
- 是否可以在页面开始加载之前显示加载gif/image
- 加载时未显示Progress.gif
- 单击时显示Gif,Ajax成功后隐藏
- 只想在页面上未加载初始数据时显示加载gif
- jquery图片库显示加载程序gif
- 如何在单击按钮重定向页面时显示加载程序gif
- 在渲染过程中显示GIF图像
- 如果正在加载任何内容,请显示加载的 gif
- 如何在页面加载时异步加载图像并在加载时显示加载 GIF
- 如何在请求进入 Ajax 时显示加载 gif
- 在按钮单击时显示 gif,并在 asp.net 中功能完成后隐藏
- 显示加载.gif同时使用 jQuery 上传文件
- JavaScript 在 Iframe 加载时显示加载 gif
- 在jquery中显示加载器/微调器时,GIF图片不会动画化
- 需要在弹出窗口中显示加载 gif,然后将其替换为 ajax 内容
- 只有在gif显示后才会提示提醒