苹果手机vue网页弹窗中input失去焦点的时候造成页面上移

问题：苹果手机vue网页弹窗中input失去焦点的时候造成页面上移

解决：

<input type="text" class="userNameInput" v-model="username" placeholder="请输入账号或手机号" @blur="coverScroll"><input type="password" class="passInput" v-model="password" placeholder="请输入密码" @blur="coverScroll">


//苹果手机获取焦点时屏幕上移
coverScroll(){window.scroll(0, 0);
},

苹果手机vue网页弹窗中input失去焦点的时候造成页面上移相关推荐

vue element form中input等组件不能输入值
<el-input v-model="form.inputVal " /> 由于data中form只是一个空对象{},当主动设置 form.inputVal = &qu ...
input中blur失去焦点事件与点击事件冲突的解决方法（vue）
一:前言最近在做百度的下拉框时遇到一个问题就是在点击下拉框时,input失去焦点,从而是的下拉框消失,使得点击事件没有用,因此查阅资料得到答案. 二:步骤遇到一个问题,就是输入框input的blu ...
如何在高德地图windowInfo弹窗中使用VUE组件
项目中,使用高德地图的API,有个需求是在点击marker标记的时候,需要弹出windowInfo弹窗,然后弹窗中还有操作等分析: windowInfo中的content接口一组html字符串,但是 ...
vue之ele组件中input表单限制输入字符
目录 vue之ele组件中input表单限制输入字符 input只能输入数字 input 只能输入中文 vue之ele组件中input表单限制输入字符 input只能输入数字 <!-- 描述 ...
vue 中 input事件
vue 中 input事件 input事件的使用 <div :id="inputId" :class="['textarea_content_right']&quo ...
vue 中input的输入验证
在vue中用最普通的input对内容做限制比较容易,但是没有样式,比较丑,比如只能输入文字(以下都以文字为例),直接对其值正则匹配即可 >查看其他匹配的方法< <input typ ...
vue中input标签的使用
vue中input标签的使用普通input标签 <input type="text" value="" placeholder="placeh ...
html5 文本框限制,html中input禁止输入(禁止获得焦点)多种方法及input限制数字和长度...
input禁止输入(禁止获得焦点) 1: readonly规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本. 2:disabled 被 ...
ios端自动获取输入框焦点,解决ios手机中input输入框光标过长的问题
在项目中做移动端页面,发现IOS 的光标大小很大,和安卓的完全不一样,思考怎么调整大小,通过实践和尝试,找到了解决方法,现分享给大家. 修改前css部分代码: .receiving-info .rec ...

苹果手机vue网页弹窗中input失去焦点的时候造成页面上移

苹果手机vue网页弹窗中input失去焦点的时候造成页面上移相关推荐

最新文章

热门文章