键盘快捷键来浏览网站

Question

我建立所有的网页创建动态，如PHP应用程序框架：

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

现在我想添加一个支持，让用户可以简单地使用他们的键盘通过网站导航。 （可以是按压←和→键盘按键）

是的东西是可行的？如果是这样，我需要使用什么？

Answer 1

你肯定会需要使用JavaScript来捕获所有的的keydown（注意，箭头键将不触发按键事件）的事件。例如，按Ctrl + 将去到/ 2页，按Ctrl + 将去到/ 3页。

我认为你需要一种将按键事件映射到实际页面名称的方法。我建议在keydown事件代码和实际页面名称之间维护一个抽象层，例如映射文件，以便在将来可以根据需要自定义键码。

在此活动上搜索以帮助您入门。下面的示例捕获回车键

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

这里是键码的列表： http://www.cambiaresearch.com/c4/702b8cd1-e5b0-42e6-83ac-25f0306e3e25/Javascript-Char-Codes-Key-Codes.aspx

要创建这些键的事件，我建议你通过为他们创造活动开始了。你需要的jQuery在这个例子中，虽然有一些方法来完成相同的纯JavaScript： http://www.quirksmode.org/js/keys.html

的关键代码列表： http://www.cambiaresearch.com/c4/702b8cd1-e5b0-42e6-83ac-25f0306e3e25/Javascript-Char-Codes-Key-Codes.aspx

通过浏览器的关键事件和钥匙的

// 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'); 
    } 
}); 

表