【问题标题】:Focus on input field but do not show keyboard专注于输入字段但不显示键盘
【发布时间】:2019-01-21 05:32:14
【问题描述】:

有什么方法可以在输入字段上设置焦点而不在设备上显示键盘?该代码在网站和移动设备上共享。我只想在网站上获得“焦点”在输入元素以及设备上但没有在设备上显示键盘时的情况。我试过了:

document.getElementById("myInput").focus();

但不起作用。

【问题讨论】:

  • 请解释一下,你为什么要这样做?
  • 因为专注于网站避免了鼠标点击输入。在设备上,键盘占用了太多空间(这限制了可用性),并且用手指在设备上单击是一种标准行为,但在网站上反复将鼠标悬停在输入上并不是很舒服。
  • 总之,我有两个等效的选项,点击和书写。在网站上,两者都可用,在设备上,只有一个对用户更友好:)

标签: javascript html cordova mobile web-applications


【解决方案1】:

如果您不想在输入字段中写入内容,为什么还要将其聚焦?否则你可以检查 var isMobile = Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); 如果用户代理在您获得焦点之前是移动的。

【讨论】:

    【解决方案2】:

    这是设备的正常行为。
    您可以使用一些 cordova 插件(例如 cordova-plugin-keyboard)来隐藏键盘。
    不要忘记检查用户代理是否来自移动设备

    不管怎样,这是设备的行为,隐藏键盘会让你的应用表现得与众不同

    【讨论】:

    • 谢谢 :) 我会调查的
    猜你喜欢
    • 1970-01-01
    • 2017-04-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-16
    • 2019-08-01
    相关资源
    最近更新 更多