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

2023年5月3日 195次阅读

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

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

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

最佳答案 既然这是迄今为止最好的答案,我会发表评论作为答案：

我所做的是创建一个隐藏的输入字段,并将重点放在那里.然后赶上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是否显示：none;会很好,在这种情况下使用visibility：hidden;并确保它不会使用负边距推送任何内容.

点赞