微信h5输入框键盘兼容问题
问题:
微信里面打开h5页面的时候:
ios:当输入框失去焦点时,页面顶上去后下不来;
position: fixed
的元素(弹窗)在ios里,收起键盘的时候会被顶上去,特别是第三方键盘
安卓:当输入框聚焦时,页面没有上去,安卓键盘遮挡页面,导致看不到当前聚焦的输入框;
答案:
html:
<div class="list-warp">
<div class="title"><span>投·被保险人姓名</span></div>
<div class="content">
<input class="content-input"
placeholder="请输入姓名"
v-model="peopleList.name"
@focus="changefocus()"
@blur.prevent="changeBlur()"/> </div>
</div>
js:
changeBlur(){
let u = navigator.userAgent, app = navigator.appVersion;