我正在开发一个优惠券公司的前端网站,我有一个页面,用户只需要输入电话号码和$$消费。我们想出了一个用Javascript构建的有趣的屏幕键盘,它易于使用,而且速度快。然而,我正在寻找一种解决方案,当用户聚焦并在这些字段中输入文本/数字时,阻止软键盘弹出。
我知道HTML5提出的“号码/电话/电子邮件”类型的属性。然而,冒着听起来疯狂的风险,我真的想只使用我的屏幕键盘。
注:本网站主要针对平板电脑。
谢谢。
发布于 2012-06-08 06:20:33
由于软键盘是操作系统的一部分,因此通常情况下,您无法隐藏它-而且,在iOS上,隐藏键盘会使焦点从元素中消失。
但是,如果对输入使用onFocus
属性,然后立即对文本输入执行blur()
操作,键盘将隐藏自身,并且onFocus
事件可以设置一个变量来定义最后聚焦的文本输入。
然后更改页面上的键盘,使其仅更改最后聚焦的文本输入(使用变量检查),而不是模拟按键。
发布于 2014-03-20 04:43:17
斯科特·S的回答非常有效。
我正在为手机编写一个基于web的电话拨号盘,每当用户在键盘上按下一个数字(由表中的td span元素组成)时,软键盘就会弹出来。我还希望用户不能进入正在拨打的号码的输入框。这实际上在一次拍摄中解决了这两个问题。使用了以下内容:
<input type="text" id="phone-number" onfocus="blur();" />
发布于 2021-06-10 00:25:19
我很困惑为什么没人把这个..。也许我误解了这个问题但是,
<input inputmode="none" />
https://stackoverflow.com/questions/10940287
复制相似问题