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

Question

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

• 页面加载时隐藏div
• 组合键时在div中淡入（或者ctrl + shift + i或f + i）
• 按键时淡出div组合（ctrl + shift + o或f + o）

我曾与合作

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

但它似乎不适用于Firefox。

我现在正在尝试使用：

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

这里有详细的自述：

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>