使用Jquery的虚拟键盘

Question

我有一个div，它可以作为一个按钮来操作。一旦按钮被点击，我想让它模拟按键的过程。在Stackoverflow的其他地方，人们建议使用jQuery.Event("keydown");，但所有的建议都使用绑定到按钮上的.trigger()，而不是.click。因此，我的示例代码如下所示：

var press = jQuery.Event("keydown");
press.which = 69; // # The 'e' key code value
press.keyCode = 69;

$('#btn').click( function() {
    $('#testInput').focus();
    $(this).trigger(press);
    console.info(press);
});

我在JSFiddle上设置了一个虚拟示例：http://jsfiddle.net/ruzel/WsAbS/

最后，我不想让按键填充表单元素，而是只想将事件注册为文档的按键，以便MelonJS游戏可以使用它。

更新:由于安全原因，浏览器很可能会忽略除键盘以外的任何东西来触发按键。为了更新文本输入，这个非常好的Jquery插件可以做到这一点：http://bililite.com/blog/2011/01/23/improved-sendkeys/

对于任何来这里寻找MelonJS案例的解决方案的人来说，最好使用MelonJS的me.input对象，如下所示：

$('#btn').mousedown(function() {
    me.input.triggerKeyEvent(me.input.KEY.E, true);
});

$('#btn').mouseup(function() {
    me.input.triggerKeyEvent(me.input.KEY.E, false);
});

Answer 1

我不知道为什么，但是即使这个正确地触发了事件，它也没有用字符填充输入。

我已经修改了代码，当我们输入$(document).trigger(p)时，显示文档确实正在接收按键事件

尝试一下：http://jsfiddle.net/WsAbS/3/

var press = jQuery.Event("keydown");
press.which = 69; // # Some key code value
press.keyCode = 69;
press.target = $('#testInput');


$(document).on('keydown', function(event) {
    alert(event.keyCode);
});

$('#btn').click( function() {
    $(document).trigger(press);
});

我相信这对于你的最终目标MelonJS游戏来说应该是足够好的了。

Answer 2

如果你想要一个虚拟键盘(顾名思义)，你可以使用this one。