解决IOS不能自动获取焦点问题

ios 会限制autofocus出于安全的考虑移动端的Safari默认是不支持 autofocus 属性的，并且只有用户主动触发的事件才可以使focus一类

在看过了N多个文档后,看到这个主动触发了解了只有当人操作的时候才会去聚焦,那么我们自动聚焦需求一般都是进入页面就需要聚焦,所以想到了在 app.vue 的页面中创建了一个 input,然后在跳转之前手动的去聚焦这个input 框也就相当于调起了键盘

app.vue

//App.vue
<script>mounted:function(){this.$nextTick(()=>{var oInput = document.createElement("input");//oInput.setAttribute("id","search")document.body.appendChild(oInput);console.log(document.getElementById('search'))})},</script>

index.vue //首页跳转的click 事件

methods:{goSearchPage(){document.getElementById('search').focus()uni.navigateTo({url: '/pages/question/search'})},
}

解决IOS不能自动获取焦点问题相关推荐

解决网卡无法自动获取ip的办法
解决网卡无法自动获取IP址的方法为了省钱或者一户多机,很多人都购买宽带路由器共享上网.在架设路由上网的时候,有些"师傅"可能不懂或是偷懒,开启了宽带路由器 ...
ios端自动获取输入框焦点,解决ios手机中input输入框光标过长的问题
在项目中做移动端页面,发现IOS 的光标大小很大,和安卓的完全不一样,思考怎么调整大小,通过实践和尝试,找到了解决方法,现分享给大家. 修改前css部分代码: .receiving-info .rec ...
解决局域网无法自动获取ip问题
笔记本电脑由于经常移动所以需要设"IP地址自动获取"才能方便在任何地方上网.但是为什么有时连上网线后却不能使用(网线没有问题的情况下),局域网内电脑50台以上,就容易出现部分开机晚 ...
vue解决ios不能自动唤起手机数字键盘问题
最近工作中,需要自动唤起手机数字键盘,大家都知道有个属性是v-focus. 发现在浏览器中是完全没有问题的,打包后,在苹果手机上不可以自动唤起,而在安卓手机上可以.让我很是费解,上网查,得到的答案都是 ...
android弹出选择usb,android 解决：默认情况下用于该USB设备自动获取USB操作权限...
很多android 的应用在使用USB设备时,总会遇到一个很烦人的问题. 即每次都会弹出对话框: 每次插入USB设备,都会弹出.每次选上默认情况下使用该USB设备.但总还是会弹出.用户体验很差. 似乎 ...
解决postman环境切换，自动获取api签名时间及签名
postman调试api接口时,常遇到两个问题: 1.环境分为开发环境,测试环境,正式环境,如何只写一个接口,通过切换postman环境来实现不同环境的接口调用? 2. api接口请求时往往会添加,来 ...
解决uniapp ios手机端获取时间戳出现NAN
在做手机端app时,iOS测试发现获取时间戳一直显示NAN; 最简单的方法分享给大家 **new Date(item.time.replace(/-/g, '/')).getTime()**兼容And ...
解决ios横屏拍照图片自动旋转90度问题
解决ios横屏拍照图片自动旋转90度问题参考文章: (1)解决ios横屏拍照图片自动旋转90度问题 (2)https://www.cnblogs.com/lanshengzhong/p/900856 ...
服务器自动获取169.254,4种可能导致出现169.254 IP地址段而上不了网的解决方法
这两天,笔者闲来无事,经常在网上或论坛里解答各位新手朋友提出来的网络问题,感觉很有成就感.呵呵,其实帮助他人,快乐自己,这句话还是挺有道理的.笔者在众多问题中,挑选了其中的一个较为常见,也很有代表性的 ...

解决IOS不能自动获取焦点问题

解决IOS不能自动获取焦点问题相关推荐

最新文章

热门文章