当前位置: 首页 > news >正文

微信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;
 

相关文章:

  • CSS与GPU硬件加速(二三四五面试题)
  • 简单快速理解js中的this、call和apply
  • 点击按钮,让页面滚动到指定位置的方法
  • 类数组转化为真实的数组
  • WebStorm设置编辑器背景图片
  • 前端跳槽潮中面试官希望看到什么亮点?
  • 使用lighthouse分析你的网站性能
  • CSS选择器之兄弟选择器(~和+)
  • JS实现字符串翻转的方法分析
  • js 函数重载
  • 从两个角度理解为什么 JS 中没有函数重载
  • Promise.all和Promise.race区别,和使用场景
  • js 判断当前时间是否处于某个时间段内
  • 请描述一下 cookies,sessionStorage 和 localStorage 的区别
  • node -v没有作用
  • AngularJS指令开发(1)——参数详解
  • classpath对获取配置文件的影响
  • es6要点
  • gulp 教程
  • JavaScript异步流程控制的前世今生
  • Java知识点总结(JDBC-连接步骤及CRUD)
  • PAT A1050
  • PHP的Ev教程三(Periodic watcher)
  • React 快速上手 - 06 容器组件、展示组件、操作组件
  • spring cloud gateway 源码解析(4)跨域问题处理
  • ubuntu 下nginx安装 并支持https协议
  • ViewService——一种保证客户端与服务端同步的方法
  • 阿里研究院入选中国企业智库系统影响力榜
  • 初识MongoDB分片
  • 创建一个Struts2项目maven 方式
  • 观察者模式实现非直接耦合
  • 简单易用的leetcode开发测试工具(npm)
  • 扫描识别控件Dynamic Web TWAIN v12.2发布,改进SSL证书
  • 什么是Javascript函数节流?
  • 体验javascript之美-第五课 匿名函数自执行和闭包是一回事儿吗?
  • 为物联网而生:高性能时间序列数据库HiTSDB商业化首发!
  • 鱼骨图 - 如何绘制?
  • 新海诚画集[秒速5センチメートル:樱花抄·春]
  • ​flutter 代码混淆
  • #《AI中文版》V3 第 1 章 概述
  • #define、const、typedef的差别
  • #HarmonyOS:基础语法
  • #LLM入门|Prompt#1.7_文本拓展_Expanding
  • ( )的作用是将计算机中的信息传送给用户,计算机应用基础 吉大15春学期《计算机应用基础》在线作业二及答案...
  • (+4)2.2UML建模图
  • (c语言)strcpy函数用法
  • (每日持续更新)jdk api之StringBufferInputStream基础、应用、实战
  • (每日持续更新)信息系统项目管理(第四版)(高级项目管理)考试重点整理第3章 信息系统治理(一)
  • (免费分享)基于springboot,vue疗养中心管理系统
  • (亲测有效)解决windows11无法使用1500000波特率的问题
  • (十一)图像的罗伯特梯度锐化
  • (学习日记)2024.04.04:UCOSIII第三十二节:计数信号量实验
  • (转)如何上传第三方jar包至Maven私服让maven项目可以使用第三方jar包
  • (转载)CentOS查看系统信息|CentOS查看命令
  • (转载)利用webkit抓取动态网页和链接