关于阻止h5页面input的默认软键盘 --手机端

半颗糖1 2016-07-17 03:59:15

不能用readonly，用了readonly后focus光标就没有了。。。求大神指教

...全文

1677 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

a41070289 2017-02-21

打赏
举报

回复

楼主找到方法了吗请问？

半颗糖1 2016-07-18

打赏
举报

回复

不行啊 onfocus click等都不行

qq_14875589 2016-07-17

打赏
举报

回复

你绑定和onfocus事件，然后在里面写return false;取消默认事件试试

此篇文章只为记录，自己在处理H5页面关于软键盘弹起的不同浏览器平台的兼容问题，方便以后查看。问题1：Android在input输入框调取软键盘输入完，收起的时候出现，不失去焦点？问题2：Android在有多个输入框时且输入框在底部时，软键盘弹起会覆盖掉输入框？问题3：微信6.7.4版本，部分ios系统12.1.1手机（特别是小屏幕手机）键盘收起后不会回到原位，导致键盘原来的位置是空白？ ...

移动端input文本框默认的焦点行为会弹起软键盘输入法,如果直接设置readonly则聚焦不了,因为需要多次聚焦,每次都弹出键盘又影响用户体验机页面美观

点击开始时间或者结束时间时会弹出日期选择器，这个时候呢在手机上看的话，会同时触发键盘，导致键盘弹出来，在网上找了半天终于找到了一个满足我业务需求的解决办法。当input输入框获得焦点时，在保留光标的情况下，又不让手机虚拟键盘弹起。哈哈哈哈我又来了，又是java安卓应用嵌入H5页面，给大家看下效果。写完之后就不会再唤醒手机键盘了！

H5唤起手机数字键盘

工作中遇到如下需求，点击输入框弹出自定义弹窗，输入框是input标：但是在移动端，input会默认触发手机的虚拟键盘，如何阻止手机虚拟键盘弹起呢？目前我试过有两个方案，一个是给input添加readonly属性,另一个就是在input事件处理方法前面添加一句document.activeElement.blur() 。readonly使用readonly方式来阻止虚拟键盘弹出应该是最简单最优雅的方...

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章