1

キーボードのボタンを押すと、対応する円が画面に表示されるコードを作成しようとしています。位置は、押されたキーに関連します。たとえば、文字 a は b とは異なります。これが私がこれまでに持っているものです：

<script>

        $(document).bind('keyup',function(event){
            var keyCode = event.keyCode;
            var theObjectCoorespondingToTheKeyTheyPressed = _.where(keyPlacementMap,{keycode:keyCode});
            theObjectCoorespondingToTheKeyTheyPressed = theObjectCoorespondingToTheKeyTheyPressed[0];
            console.log(event);
        })

    </script>

変数名は最終的に変更します。今のところ、そのように名前を付けておくと便利です。

jquery とアンダースコアも使用しており、すべてのキーコードと、ランダム化された x および y 変数を保持する配列があります。

4

1 に答える 1

0

x/y 位置をキーマップに追加します。選択したキーと選択していないキーのスタイルを好きなように設定できるため (非表示と表示を含む)、2 つの別個のクラスを使用するのが最善の方法です。

ここで小さなQWERTYサンプルを作成しました

http://jsbin.com/ivuseh/2

コードビュー:

http://jsbin.com/ivuseh/2/edit

「.button」クラスは、押されたキーのスタイルを設定できますが、大きくしたり、色を付けたり、表示したりできます。この例では、必要のないキーを押すたびにすべてのボタンを再描画しています。これらの機能を分離して最適化するのは非常に簡単です。

于 2013-03-06T02:00:16.533 に答える