如何使用 jQuery 和键盘控件隐藏、淡入和淡出 div？

Question

我想使用键盘控件显示和隐藏一个 div，特别是所需的功能是：

• 在页面加载时隐藏 div
• 在进行组合键时淡入 div（或者 ctrl + shift + i 或 f + i)
• 做key时淡出div 组合（ctrl + shift + o 或 f + o）

我正在与：

http://www.michaelckennedy.net/Samples/blog/HotKeys/

但它似乎不适用于 Firefox。

我现在正在尝试使用：

https://keithamus.github.io/jwerty/

这里有详细的 README：

https://github.com/keithamus/jwerty/blob/master/README-DETAILED.md

然而，我不熟悉 jQuery 术语，因此无法完全弄清楚如何实现所需的功能。

我的第一次尝试是：

<script src="js/jwerty.js"></script>
<script>
$(document).ready(function() {
$("#myDiv").hide();
});

jwerty.key('f+i', function () {
$("#myDiv").fadeIn(400);
});

jwerty.key('f+o', function () { 
$("#myDiv").fadeOut(400);
});
</script>

Answer 1

解决方案：在字母之间使用逗号。

<script>
$(document).ready(function() {
$("#myDiv").hide();
});

jwerty.key('f,i', function () {
$("#myDiv").fadeIn(400);
});

jwerty.key('f,o', function () { 
$("#myDiv").fadeOut(400);
});
</script>