Question

我正在尝试创建代码，允许我按下键盘上的按钮并在屏幕上显示相应的圆圈。该位置与按下的键有关。例如，字母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变量。

Answer 1

将x / y位置添加到键盘映射中。两个单独的类是实现此目的的最佳方法，因为它允许您随意设置所选和未选择的键的样式（包括隐藏和显示它们）

我在这里做了一个小QWERTY样本

http://jsbin.com/ivuseh/2

的CodeView：

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

'.button'类可以设置按键的样式，但是你喜欢更大，彩色，可见。在示例中，我重新绘制每个按键上的所有按钮，这是不必要的。将这些功能分开进行优化非常容易。

屏幕上与键码对应的位置

1 个答案: