输入框：

 <el-input v-model="value" @focus="forbid" />//focus 聚焦事件forbid () {document.activeElement.blur()}

document.activeElement：返回文档中当前获得焦点的元素。

时间输入框：

//单个时间
<el-date-picker@focus="forbid"value-format="yyyy-MM-dd"v-model="reportForm.reportDate"type="date"placeholder="选择日期">
</el-date-picker>//时间范围<el-date-pickerv-model="supplyWorkOrderForm.timeRange"type="datetimerange"range-separator="至"start-placeholder="开始日期"end-placeholder="结束日期"value-format="yyyy-MM-dd HH:mm:ss"unlink-panels@focus="forbid"
>// 禁止移动端点击时间选择器弹出虚拟键盘forbid () {document.activeElement.blur()this.$nextTick(() => {//单个时间插件let inputTime = document.querySelectorAll('.el-date-editor .el-input__inner')inputTime.forEach(item => {item.addEventListener('focus', () => {document.activeElement.blur()})})//时间范围插件let input = document.querySelectorAll('.el-date-range-picker__editor .el-input__inner')input.forEach(item => {item.addEventListener('focus', () => {document.activeElement.blur()})})})},

移动端输入框禁止软键盘弹出相关推荐

移动端选择时间时禁止软键盘弹出
今天在做移动端时遇到了尴尬的问题选择时间时手机自带的软键盘将时间插件顶了上去很别扭因此在网上找了下我前端使的是element-ui 前端: <el-date-picker v-mod ...
flutter APP中禁止软键盘弹出，监听硬键盘输入方法
flutter App中禁止软键盘弹出,监听硬键盘输入的方法之前的工作中遇到一个需求,想点击输入框后不弹出软键盘,使用设备硬键盘输入,解决方法:设置输入框只读并且显示光标,然后配置键盘监听就可以了. ...
【vant ui 双向输入框禁止手机键盘弹出】
vant ui 双向输入框禁止手机键盘弹出 <van-field readOnly @focus="noBomBox" :formatter="formatterN ...
全屏模式下软键盘弹出遮挡输入框问题
状态栏透明,全屏模式,一个页面单个输入框可用 (非全屏模式,多个输入框可用:https://blog.csdn.net/smiletofuture/article/details/106403452) ...
解决Android软键盘弹出覆盖h5页面输入框问题 // 在ios系统中输入框软键盘消失后，页面不回弹的问题 // 解决苹果不回弹页面 // 微信环境打开
//解决Android软键盘弹出覆盖h5页面输入框问题 window.addEventListener('resize', () => {if (document.activeElement.t ...
ios输入框的坑(软键盘弹出不灵敏、输入法影响弹出高度)
参考地址: https://segmentfault.com/a/1190000018959389 https://blog.csdn.net/github_37533433/article/deta ...
android软键盘弹出底部有黑色闪出,vue移动端安卓软键盘弹出底部按钮顶起
在做一个基于企业微信的h5移动页面时,当软键盘弹出时,底部fixed定位在ios上没事,安卓手机上,底部按钮会被顶起到软键盘,查看原应时由于软键盘顶起时,安卓设备的视图会变小.造成固定定位按钮呗顶起. ...
input获取焦点软键盘弹出影响定位
解决移动端底部fixed和input获取焦点软键盘弹出影响定位的问题 $(document).ready(function() { va ...
android 软件盘弹回去的最好体验,Android 软键盘弹出日常填坑
开发输入框的开发者都会遇到一个问题,那就是在登录界面时,当你点击输入框时,下边的按钮有时会被输入框挡住,这个不利于用户的体验,所以很多人希望软键盘弹出时,也能把按钮挤上去.这样的交互更人性化,做得合理 ...

移动端输入框禁止软键盘弹出

输入框：

时间输入框：

移动端输入框禁止软键盘弹出相关推荐

最新文章

热门文章