模拟Google键盘快捷键

我真的很好奇谷歌(现在Facebook在照片库中)如何实现快捷键,如J/ K或←/ →箭头.我担心我没有太多的细节,因为我无法通过检查来源确定那些按钮"tic",可以这么说.我特别想要的是一种将按钮绑定到Javascript函数的方法 - 从那里,它显然相当容易.

在最基本的情况下,您只需注册一个keydown事件处理程序(如果您希望它是页面的全局,则在文档对象上),然后查看事件对象以查看按下了哪个键.

由于不同的浏览器以不同的方式处理事件(我正在看Internet Explorer),我通常使用抽象层(如YUI或jQuery)来规范化差异.

YUI有一个实现键盘控制的例子,就像jQuery一样(虽然这个例子没有附加到文档对象).

如果你想知道哪些密钥代码与哪些密钥相关,那么我发现使用Firebug最简单.

在控制台中运行以下代码:

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

...然后点击页面并按键.打印到控制台的对象将告诉您刚刚触发的键码.