前几天做一个移动端的功能，点击某个按钮后自动呼出一个弹层，弹层上有一个输入框，要求输入框自动获取焦点。
于是使用下面的一溜逻辑：
1.点击按钮后显示弹层及输入框
2.ele.focus()
首先pc端模拟及adroid没啥问题。但是ios下无效。
原因在于ios有所限制：
寻常代码里的focus不会生效，除了在某个UI事件（例如click, touchend等）的直接执行环境中调用focus
注意这个直接环境，它的意思是如果你在setTimeout, promise等异步方式中执行了focus，依然是无效的。
原本在input的click，touchend中直接调用一个focus事件，经过fastclick的处理会变成：将原事件截取，抛弃，基于原事件创建一个新事件放在setTimeout中执行。
这样focus还是无法执行。
禁止使用fastclick，使用touchend代替原来的click事件。
场景 前几天做一个移动端的功能，点击某个按钮后自动呼出一个弹层，弹层上有一个输入框，要求输入框自动获取焦点。 问题...
日期：2019年 12 月 17 日 ios 移动端 focus 无效 问题分析 focus() 是 jQuery...
search自动聚焦，原组件不支持focus,获取到input触发focus this.$refs.name.qu...
1.在移动端中，直接使用focus是的input获取焦点会有问题，建议使用autofocus+click事件，另外...
ios 系统禁止 input 自动聚焦，所以 DOM.focus() 方法并不生效，通过查阅资料，可以给 inpu...
介绍bug背景： 原本想在模态框关闭的时候，页面上的textarea标签能自动聚焦，于是用了focus()这...
使用Robot Framework+Appium进行移动端UI自动化 最近项目需要做移动端自动化，找到Appium...
最近项目中在做评论的时候，需要自动滚动到评论框，并且让评论框自动聚焦，这就需要手动触发输入框的 focus 状态。...
移动端布局计算Flex：采用Flex布局的元素，它的所有子元素自动成为容器成员，可以自动分配空间，更适合做移动端开...
移动端开发第一步//历史原因,移动端会将html网页文件自动按照980宽,自动缩放来显示页面,如果页面是专门为了移...
本文标题：2018-04-04 移动端自动聚焦focus问题
本文链接：https://www.haomeiwen.com/subject/ljmkhftx.html
网友评论