鍵盤快捷鍵可瀏覽網站

Question

我正在建立一個PHP應用程序框架，其中所有頁面都是動態創建的，例如：

• domain.com/1/
• domain.com/2/
• domain.com/3/
• 等等...

現在，我想添加一個支持，以便用戶只需使用鍵盤即可瀏覽該站點。 （可能按←和→鍵盤鍵）

那可行嗎？ 如果是這樣，我需要使用什么？

Answer 1

你肯定會需要使用JavaScript來捕獲所有的keydown（注意，箭頭鍵將不觸發按鍵事件）的事件。 例如， Ctrl + 2將轉到/ 2頁， Ctrl + 3將轉到/ 3頁。

我認為您需要一種將按鍵事件映射到實際頁面名稱的方法。 我建議在按鍵事件代碼和實際頁面名稱之間保留一個抽象層，例如映射文件，以便將來在需要時可以自定義按鍵代碼。

搜索此事件以開始使用。 下面的示例捕獲回車鍵

   if(event.keyCode == 13) {
       // do stuff
   }

以下是鍵碼列表： http : //www.cambiaresearch.com/c4/702b8cd1-e5b0-42e6-83ac-25f0306e3e25/Javascript-Char-Codes-Key-Codes.aspx

要為這些鍵創建事件，我建議首先為它們創建事件。 盡管可以通過純JavaScript實現相同的方法，但您需要使用jQuery作為此示例：

// bind keydown events to the window
$(document).keydown(function(event) {
    if (event.which == 37) {  
       // left arrow - run your code to change back a page
       alert('left');
    } else if(event.which == '39') {
       // right arrow - run code to move forward a page
       alert('right');
    }
 });

按瀏覽器和鍵的鍵事件表： http : //www.quirksmode.org/js/keys.html

關鍵代碼列表： http : //www.cambiaresearch.com/c4/702b8cd1-e5b0-42e6-83ac-25f0306e3e25/Javascript-Char-Codes-Key-Codes.aspx