javascript - 如何在移动设备上调出键盘来捕捉在 HTML5 Canvas 上绘图的输入？

Question

我正在尝试在 javascript/html5 canvas 中制作一个填字游戏，它可以在移动网站上运行。我找到了这个库(修改):https://mod.it/8UmnmJ11这似乎在桌面上运行良好并且看起来不错，但移动版本不会调出键盘。

如何在移动设备上调出键盘来捕捉在 HTML5 Canvas 上绘图的输入？

该库使用 HTML5 canvas，为拼图提供了漂亮的外观和感觉。我知道我可以用 div 和输入来制作这样的填字游戏，但我宁愿去修复这个库。

Answer 1

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

我所做的是创建一个隐藏的输入字段并将焦点放在上面。然后捕捉 keyup 事件。但这是一个“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;并确保它不会使用负边距推送任何内容。