键盘快捷键可浏览网站

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