HTMLMobile-如何强制软键盘隐藏?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (382)

我正在为一家优惠券公司开发前端网站,我有一个页面,用户只需要输入电话号码和$花费。我们提出了一个有趣的屏幕键盘内置Javascript,这是容易使用,而且速度快。然而,我正在寻找一个解决方案,以阻止软键盘弹出时,用户聚焦和输入文本/数字在这些字段。

我知道HTML 5提供的“Number/Phone/Email”类型属性。然而,冒着听起来很疯狂的风险,我真的很想用我的屏幕键盘.

提问于
用户回答回答于

由于软键盘是操作系统的一部分,通常情况下,你无法隐藏它-而且,在IOS上,将键盘的焦点隐藏在元素之外。

如果你用 onFocus属性对输入,然后blur()文本输入立即,键盘将隐藏自己和onFocus事件可以设置一个变量来定义最后聚焦的文本输入。

用户回答回答于

我正在为手机编写一个基于网络的电话拨号板,每次用户按下键盘上的数字(由表中的td span元素组成),软键盘就会弹出。我还希望用户不能点击正在拨打的号码的输入框。这实际上解决了这两个问题在一个镜头。使用了以下方法:

<input type="text" id="phone-number" onfocus="blur();" />

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励