如何在移动设备上调出键盘以捕获在HTML5画布上绘图的输入？

Question

我正在尝试在javascript / html5画布中制作一个可在移动网站上运行的填字游戏。我发现这个库（modit）：https://mod.it/8UmnmJ11似乎运行良好，在桌面上看起来不错，但移动版本没有调出键盘。

如何在移动设备上调出键盘以捕获用于在HTML5画布上绘图的输入？

该库使用HTML5画布，使拼图具有漂亮的外观和感觉。我知道我可以使用div和输入进行这样的填字游戏，但我宁愿去修复这个库。

Answer 1

由于这是迄今为止最好的答案，我会发表评论作为回答：

我所做的是创建一个隐藏的输入字段并将焦点放在那里。然后赶上keyup-event。但这是一个“hacky”解决方案，我认为应该有更好的方法。

我没有代码了，但我会发布一些未经测试的代码。

HTML：

<input id="hiddenInput" type="text" name="hiddenInput" autofocus />

和javascript（jQuery）：

$("#hiddenInput").keyup(function(e) {
    if (e.which !== 0) {
       var character = String.fromCharCode(e.which));
       doSomethingWith(character);
    }
});

我不确定css是否显示：无;会很好，在这种情况下使用visibility：hidden;并确保它不会使用负边距推送任何内容。