博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
H5页面加载后表单获取焦点并唤起软键盘?
阅读量:6549 次
发布时间:2019-06-24

本文共 616 字,大约阅读时间需要 2 分钟。

需求:
在移动端网页中,无论是表单页面还是信息发布页面,为了提供更好的用户体验,都希望打开页面时,获取焦点弹出键盘。
实现?:
H5页面并不能直接实现这项功能,由于安全策略,获取焦点弹出键盘需要有用户的主动交互行为,才能实现
以下,是网上的几种方法,在实际测试中,并没有完全实现效果,测试中发现,输入框 input,textarea 以及input的不同type或有不同的情况出现,具体需求请具体测试​
1.通过js执行focus(),效果未出现。
2.增加autofocus属性,效果未出现。
3.将代码放入延迟函数setTimeout 中执行,效果未出现。
4.利用trigge()方法,对要获得焦点的input框,调用一次”click”事件,效果未出现。
5.通过用户点击其它区域(body)点击来执行focus(),出现软键盘。(效果出现,但还是增加了一步操作)
​​​
有条件协调H5容器的,可以尝试下这种方法
  1. 要实现页面加载完成后自动聚焦到 input 并弹出键盘,依赖 iOS App 的 WebView 将keyboardDisplayRequiresUserAction 设置为 NO,就可以支持。Android 底下只能依赖 JSBridge 调用 Android 原生方法唤起键盘 。
欢迎各路大神提供解决方案...

转载于:https://juejin.im/post/5c27353ae51d4570f14556e8

你可能感兴趣的文章
react day one 让陡峭的学习曲线平缓一点
查看>>
Coursera 的 GraphQL 之旅
查看>>
Amazon Aurora新增“回溯”特性,让DB集群可以回退到特定时间点
查看>>
windows 系统的copy命令
查看>>
run C source file like a script
查看>>
容器领域的十大监控系统对比(上)
查看>>
SMS设计之我见
查看>>
jQuery|选择器选取指定元素的后代的所有元素。
查看>>
[深入理解文件系统之五] 从SVR3 到SVR4
查看>>
IE6\7 下 td colspan bug
查看>>
《白帽子讲WEB安全》学习笔记之第9章 认证与会话管理
查看>>
搭建 Python 开发环境
查看>>
WindowsMobile应该如何发展?-2(未完待续)
查看>>
几句话就能让你明白:ACL 访问控制列表(一)
查看>>
DISM命令
查看>>
centos7安装dhcp服务器并由客户端动态获取IP地址
查看>>
easyui datagrid 表格适应屏幕
查看>>
MongoDB安装
查看>>
rapidjson常见使用示例
查看>>
kafka producer实例及原理分析
查看>>