vue解决ios输入框键盘弹起后无法恢复

时间：2021-07-13 12:05:21 阅读：13 评论：0 收藏：0 [点我收藏+]

问题原因：键盘弹起后整个的body视图也被弹起，收起后无法恢复

解决方案：

html: 监听blur 事件

在vue中可以挂在到prototype上，直接在所需要的输入框通过@blur="fixBlur"使用; 或者写在mixins中

以下是vue的写法

 1 fixBlur() {
 2 　　//元素下边框与视窗底部齐平，不传参则表示元素上边框与视窗顶部齐平
 3 　　if(this.isIphone()){
 4 　　　　document.body.scrollTop = 0
 5 　　　　document.body.scrollIntoView()
 6 　　}
 7 },
 8 isIphone() {   // 需要判断是否为ios
 9 　　let u = navigator.userAgent
10 　　return !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
11 }

vue解决ios输入框键盘弹起后无法恢复

原文：https://www.cnblogs.com/rakan0225/p/15005099.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)