iphone11系统输入框的光标位置不正常

本人的系统是11.3的是正常的，却发现测试机的11.1和11.2的光标位置在输入框的下边。百度一下，很多人有同样的问题，在此记录一下

解决办法一：

//弹框弹出后执行如下代码$('body').css({'position': 'fixed', 'width': '100%'});
//弹框关闭后执行如下代码$('body').css({'position': 'relative'});

但是我发现这样的写法，每次点输入框时需要点击两点才能显示光标

解决办法二：

后来又找到了另一种办法

    userName.on('focus',function(){mask.attr('style','display:flex;position:absolute;');$('html').addClass('noscroll');})userPhone.on('focus',function(){$('html').addClass('noscroll');mask.attr('style','display:flex;position:absolute;')});userPhone.on('blur',function(){mask.attr('style','display:flex;position:fixed;')$('html').removeClass('noscroll');})userName.on('blur',function(){mask.attr('style','display:flex;position:fixed;')$('html').removeClass('noscroll');})}

在input的focus和blur设置postion;因为出现光标位置不正常是因为iphOne不能很好的解析position是fixed

对应的css

.noscroll,
.noscroll body {overflow: hidden;
}
.noscroll body {position: relative;
}

在此基础上优化

    $('.mask').on('touchmove', function(event) {event.preventDefault();});

这样下面的内容就不会滚动了

转载于:https://www.cnblogs.com/myzy/p/8883077.html

iphone11系统输入框的光标位置不正常相关推荐

jQuery 输入框在光标位置插入内容, 并选中
// //使用方法 //$(文本域选择器).insertContent("插入的内容"); //$(文本域选择器).insertContent("插入的内容", ...
使用TextRange获取输入框中光标的位置
TextRange是用来表现HTML元素中文字的对象,虽然我们平时不太常用这个对象,可是它却在IE4.0中就已提供了.不过TextRange提供的调用方法却都比较晦涩,那么我们能拿它做些什么呢? Te ...
vue 获取input光标位置,并实现插入模板语法。
点击上面的模板说明,可以在输入框的光标位置插入相应的语法. <el-form-item label="模板说明:" v-if="form.news_type===' ...
[图解]在输入框和文本框中获取和设置光标位置，以及选中文本和获取选中文本值的方法 --- 详解，兼容所有浏览器。...
为什么80%的码农都做不了架构师?>>> 写在前面最近在segmentfault上看到它的日期输入控件,感觉挺有意思.好吧,动手写一个,加到自己的代码库里吧. 然后问题来了, ...
vue 获取光标位置
新建组件configFormulaSalary <template><div><el-dialog title="公式配置":visible=&quo ...
fixed定位 input在IOS设备上光标位置异常问题
页面是个长页面,点击页面不同部分,会弹出弹窗,如果用absolute定位,那么弹窗的位置就难以定位,因而决定采用fixed定位,此时在IOS 11.2.x 系统中就会出现点击input光标位置异常的 ...
一个数字键盘引发的血案——移动端H5输入框、光标、数字键盘全假套件实现...
https://juejin.im/post/5a44c5eef265da432d2868f6 为啥要写假键盘? 还是输入框.光标全假的假键盘? 手机自带的不用非得写个假的,吃饱没事干吧? 装逼?炫技 ...
[zt]如何用Javascript获得TextArea中的光标位置
小弟最近在写一个在线编辑器,UBB版的,由于没有使用弹出窗口,所以,在添加代码的时候,只能添在TextArea的最后面,无法在光标之前插入,于是在网上疯狂的找资料,工夫不负有心人,终于被我找到了如何获 ...
JS里在光标位置插入字符
<script language=Javascript> function AddOnPos(obj, charvalue) { //obj代表要插入字符的输入框 //va ...

iphone11系统输入框的光标位置不正常

iphone11系统输入框的光标位置不正常相关推荐

最新文章

热门文章