我需要創建一個類似於此的網站？

我想製作一個類似於http://www.lidogotlights.com的網站，但我似乎無法弄清楚按下某個按鍵時顯示圖像到屏幕的代碼。我能夠打開網站的頁面源，它基本上只是按下按鍵觸發的GIF。我似乎只是在我的搜索圈子，我敢肯定，我需要一個KeyListener，我只是不知道如何開始。那我可能不得不預載圖像或隱藏它們？我需要創建一個類似於此的網站？

此外，這是可能的只是JavaScript？

* P.S。我仍然是非常新的編碼，所以這不需要完美，我只想弄清楚如何執行關鍵事件功能。

來源

2016-11-19 Iyves

網站使用反應，打字稿及谷歌網站分析 – brk

的可能的複製[jQuery的事件按鍵：？哪個鍵被按下（HTTP：// stackoverflow.com/questions/302122/jquery-event-keypress-which-key-was-pressed） –

一種方式做這將是一個事件監聽器添加到窗口，如：

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 
    }

來源

2016-11-19 06:23:19

謝謝！但是，我應該用什麼替換警報？我試過了：this.src =「我的圖片」;並且它不起作用 – Iyves

您需要有一個覆蓋區域的「div」並更改圖像。 –

我需要創建一個類似於此的網站？

回答

相關問題