javascript – 如何实现类似gmail的热键

前端之家收集整理的这篇文章主要介绍了javascript – 如何实现类似gmail的热键前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在Web应用程序中实现键盘热键.到目前为止,我一直在使用 jquery.hotkeys plugin,它允许我实现简单的热键(例如像a的单击键).

现在要通过键盘支持一些更复杂的导航,我想实现像gmail一样的“多键”热键,例如按g(对于’go’)然后按i(对于’inBox’)将带你收件箱.

有没有人知道该任务的javascript组件(jquery插件或类似)?或者,实施此类热键的好方法是什么?

解决方法

使用 keymasterkeymaster-sequence插件有一个更好的解决方案.

来源是keymaster.jskeymaster.sequence.js

像这样使用它们:

<script type="text/javascript" src="https://raw.github.com/madrobby/keymaster/master/keymaster.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/chevalric/keymaster-sequence/master/keymaster.sequence.min.js"></script>
<script>
key.sequence(["g","i"],function () {
  var el = document.getElementById("result");
  el.innerHTML = "You first pressed 'g',then you pressed 'i'";
});

</script>
<div id="result"></div>

这是一个小型演示http://jsfiddle.net/Nwdyd/1/,它还显示了碰撞处理(绑定g以及g i)

猜你在找的JavaScript相关文章