一尘不染

HTML Mobile-强制隐藏软键盘

html

我正在为优惠券公司开发前端站点,并且我有一个页面,用户只需要输入电话号码和花费的$$。我们想出了一个有趣的内置Java脚本的屏幕键盘,该键盘易于使用且速度很快。但是,我正在寻找一种解决方案,以防止用户聚焦并在这些字段中输入文本/数字时弹出软键盘。

我知道HTML5提出的“数字/电话/电子邮件”类型属性。但是,冒着听起来发疯的风险,我真的只想使用屏幕键盘即可。

注意:此网站主要针对平板电脑。

谢谢。


阅读 268

收藏
2020-05-10

共1个答案

一尘不染

由于软键盘通常是操作系统的一部分,因此您通常无法将其隐藏-同样,在iOS上,隐藏键盘会将焦点从元素上移开。

但是,如果onFocus在输入上使用属性,然后blur()立即使用文本输入,则键盘将隐藏自身,并且该onFocus事件可以设置变量以定义最后一个聚焦于哪个文本输入。

然后,更改页面键盘,使其仅更改最后聚焦(使用变量检查)的文本输入,而不模拟按键。

2020-05-10