【问题标题】:Hide keyboard of mobile device in input text box在输入文本框中隐藏移动设备的键盘
【发布时间】:2017-01-25 03:19:34
【问题描述】:

我正在快速模拟一个网站形式的移动应用程序。我有一个像键盘一样工作的条形码扫描仪,可以在扫描条形码时输入文本。现在我希望网站上有一个文本框,其中包含光标但不显示移动设备的默认屏幕键盘。

如何在这样的 html 输入框中隐藏移动设备的屏幕键盘,但将光标放在该文本框中,以便我可以接受来自其他外部键盘的输入?

【问题讨论】:

    标签: jquery html input keyboard


    【解决方案1】:

    我会尝试在输入字段中添加以下内容

    <input type="text" id="barcode" onfocus="blur();"/>

    不幸的是,在某些(不是全部)移动设备上,当您隐藏软键盘时,上述文本字段的焦点将丢失。这是一种变通方法,希望能满足您的应用程序需求。

    【讨论】:

    • 这不起作用。 blur() 只是从元素中移除焦点,因此我无法再读取它的值。此外,它不会使文本框不可见。我现在使用的解决方法是将位置设置在范围之外:style='position: absolute; top: -100px'
    • 是的,我不打算赌它,其他人有这样的补充运气。不过我很高兴你找到了解决方案!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-23
    • 1970-01-01
    • 1970-01-01
    • 2013-08-09
    • 2019-02-07
    相关资源
    最近更新 更多