Question

我正在为语言学习网站设计一个外语键盘，在键上显示相应的字符而无需用户安装任何额外的东西。它可以在带有物理键盘的台式机或笔记本电脑上正常工作，但是，当它在移动设备上激活时，内置键盘也会显示在屏幕上。有没有办法在不打开软键盘的情况下聚焦文本光标，这样物理键盘仍可以与HTML-JS键盘进行交互？

Answer 1

将readonly属性设置为input元素似乎有效。我在WP设备上使用IE和在Android设备上使用Chrome进行了测试。

<input type="text" id="input" readonly="readonly" />

我创建了一个快速demo here

至于光标，我认为你可以使用管道字符（＆＃34; |＆＃34;）和一些字符串变异来模拟它。