【发布时间】:2017-01-25 03:19:34
【问题描述】:
我正在快速模拟一个网站形式的移动应用程序。我有一个像键盘一样工作的条形码扫描仪,可以在扫描条形码时输入文本。现在我希望网站上有一个文本框,其中包含光标但不显示移动设备的默认屏幕键盘。
如何在这样的 html 输入框中隐藏移动设备的屏幕键盘,但将光标放在该文本框中,以便我可以接受来自其他外部键盘的输入?
【问题讨论】:
标签: jquery html input keyboard
我正在快速模拟一个网站形式的移动应用程序。我有一个像键盘一样工作的条形码扫描仪,可以在扫描条形码时输入文本。现在我希望网站上有一个文本框,其中包含光标但不显示移动设备的默认屏幕键盘。
如何在这样的 html 输入框中隐藏移动设备的屏幕键盘,但将光标放在该文本框中,以便我可以接受来自其他外部键盘的输入?
【问题讨论】:
标签: jquery html input keyboard
我会尝试在输入字段中添加以下内容
<input type="text" id="barcode" onfocus="blur();"/>
不幸的是,在某些(不是全部)移动设备上,当您隐藏软键盘时,上述文本字段的焦点将丢失。这是一种变通方法,希望能满足您的应用程序需求。
【讨论】:
blur() 只是从元素中移除焦点,因此我无法再读取它的值。此外,它不会使文本框不可见。我现在使用的解决方法是将位置设置在范围之外:style='position: absolute; top: -100px'