仿效谷歌键盘快捷键

Question

我真的很好奇谷歌（现在Facebook在照片画廊）如何实现快捷键，例如Ĵ/ķ或←/→箭头。恐怕我没有很多细节，因为我无法通过检查哪件作品使得那些按钮“抽搐”的来源而弄清楚，可以这么说。我特别想找的是一种将按钮绑定到Javascript功能的方法 - 从那里开始，这显然相当简单。

Answer 1

在最基本的，你只（如果你希望它是全球页面的文档对象上），然后看看事件对象，看看哪个键被按下注册keydown事件处理程序。

由于不同的浏览器不同的方式处理（我看的Internet Explorer）的活动，我一般用一个抽象层，如YUI或jQuery的正常化的差异。

YUI有example of implementing keyboard control和（虽然这个例子不附加到文档对象）。

如果你想找出什么键码相关的密钥，然后我发现它最容易使用Firebug。

在控制台运行下面的代码：

document.onkeydown = function (ev) { console.log(ev); } 

＆hellip;然后单击页面并按键。打印到控制台的对象会告诉你刚刚开启了什么键码。

Answer 2

我推荐使用js-hotkeys（jQuery插件）。

我已经在生产环境之前使用这个插件，所以我测试了它在所有A级浏览器之前，我实现了它。这是大约三个月前。