我想使用键盘控件显示和隐藏 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>