Javascript 我需要什么来创建一个类似的网站？

我想制作一个类似于的网站，但我似乎不知道当按下一个键时，如何将图像显示到屏幕上。我能够打开网站的页面源代码，基本上只需按下一个键就能触发GIF。我似乎只是在我的搜索圈，我很确定我需要一个键盘监听器，我只是不知道如何开始。我可能需要预加载图像或隐藏它们

另外，仅使用javascript就可以做到这一点吗

---

*另外，我还是一个非常新的编码，所以这不需要很完美，我只想知道如何执行关键事件功能。

一种方法是在窗口中添加一个事件侦听器，如：

window.addEventListener("keypress", checkKeyPressed, false);

function checkKeyPressed(e) {
    if (e.charCode == "97") {
        alert("The 'a' key is pressed.");
    }
}

代替警报，您可以将背景图像更改为所需的gif

[编辑] 我还注意到，在没有抬起的情况下按一个键会导致一些奇怪的行为。 要解决可在函数内部使用暂停的问题，请执行以下操作：

function checkKeyPressed(e) {
        if (e.charCode == "97") {
            //Change background gif
            var currentTime = new Date().getTime();
            miliseconds = //length of gif
            while (currentTime + miliseconds >= new Date().getTime()) {
            }
            //Change background gif to default
    }

---

该网站使用react、typescript和谷歌网页分析软件，可能重复谢谢！但是我应该用什么来替换警报呢？我试过：this.src=“我的图像”；而且它不起作用。你需要一个

div

覆盖该区域并更改图像。