0

キーボード コントロールを使用して 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/

ここに詳細な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>
4

1 に答える 1

1

解決策:文字の間にコンマを使用します。 

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

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

jwerty.key('f,o', function () { 
$("#myDiv").fadeOut(400);
});
</script>
于 2013-08-10T03:09:33.290 に答える