（手机端）app禁止弹出默认输入框

最新推荐文章于 2024-04-30 12:54:09 发布
最新推荐文章于 2024-04-30 12:54:09 发布
阅读量405 收藏
点赞数
分类专栏： vue vant
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46113850/article/details/116497265
版权

移动端开发 input框 时间选择器 默认键盘 事件处理
关键词由CSDN通过智能技术生成
vue 同时被 2 个专栏收录
52 篇文章 1 订阅
订阅专栏
vant
5 篇文章 0 订阅
订阅专栏

有时候在你使用组件需要用到input框和时间选择器配合的时候，手机端使用input框的时候会直接弹出默认框,并且组件也是直接显示出来。这样就可以解决了，直接上代码

<input type="text" class="input" placeholder="发布时间" :value="date" @click="oneDate" />

oneDate() {
  document.activeElement.blur();
},
好苦呀
关注
专栏目录
H5页面键盘弹出，遮挡输入框问题（转文）
weixin_30470857的博客
03-27 1131
一、首先H5端，js需要监听输入框事件： //判断android版本强制滚动 if(/Android [4-6]/.test(navigator.appVersion)) { window.addEventListener("resize", function() { if(document.activeElement.tagName=="INPUT" || ...
vue h5嵌套app里 input框聚焦但不要弹出键盘
weixin_45108907的博客
12-27 1417
需求：用户进入页面的时候，希望光标聚焦，但是不要弹出软键盘 思路： 在用户点击之前使用div盒子替代，利用伪元素做出聚焦的样式，当用户点击修改的时候，再触发聚焦事件 data() { return { isShow: true //默认显示 }; }, <van-row class="div-radius"> <van-col span="24"> <div class='flex username' v-if='
jQuery实现手机自定义弹出输入框
11-24
手机涉及到填写表单时，需要手机弹出自定义的输入框，而非手机自带的输入键盘，如大写数字等。 实现思路（考虑多种文本输入形式）： 首先，文本框获取焦点时禁止手机弹出自带的输入键盘。 // 禁用手机自带的键盘输入框 function forbidFocus(i){ $('#txt'+i).focus(function(){ document.activeElement.blur(); }); } 其次，显示与关闭自定义的输入键盘。 // 打开自定义输入键盘 function showDialog(i) { $('#txt'+i).on('click', function(){ $('#n
uniapp-input聚焦禁止软键盘弹出
m0_67390788的博客
03-11 1万+
需求：在进入页面时需要input聚焦，但是不弹出软键盘 方法一：使用uniapp自带方法uni.hideKeyboard()来隐藏软键盘 方法二：使用readonly属性规定输入字段为只读 方法三：使用document.activeElement.blur()移开焦点 方法四：通过div模拟input来实现 以上方法网上都有，但是都没有解决我的需求，下面是我使用的方法 方法五：通过定时器来实现隐藏键盘 一般项目通常使用方法一就可以解决，或者日期类型也可以通过以上方法来实现。 我们项目有物理按键，不需要
uniapp禁用虚拟键盘/禁用键盘弹出
weixin_44760655的博客
07-30 1万+
uniapp禁用虚拟键盘/禁用屏幕键盘弹出/禁用软键盘弹出方法一：方法二：方法三： 方法一： 开始我在做PDA扫描枪的时候就有这个困扰，想要禁用键盘，在用户点击输入框聚焦的时候就想禁止虚拟键盘的弹出。一开始只是使用官方的uni.hideKeyboard()以及plus.key.hideSoftKeybord()，监控高度大于0和用户点击input框的时候,但是这种情况还是会有键盘会在屏幕前一闪而过。 方法二： 后面在插件市场找到一款监听手机按钮的插件，通过每次监听PDA的扫描按键来聚焦input,拿到数据后
ElementUI日期时间选择器组件在移动端点击input框弹出虚拟键盘
最新发布
0303
04-30 577
使用ElementUI官方文档提供的方法, 在el-date-picker属性中添加:editable=“false” 此方法只能使 input1 框阻止输入法弹出 , 无法阻止点击内部两个input框时输入法弹出。使用document.activeElement.blur()方法 , 去掉input框获得的焦点 在el-date-picker属性中添加@focus = ‘forbid’在移动端使用时，点击如下图所示三个输入框会弹出虚拟键盘。
禁止移动端键盘弹出的两种方法，亲测有效
weixin_42284117的博客
09-03 2448
第一种：标签内加事件，input标签内加οnfοcus=‘this.blur();’ <input type="text" onfocus='this.blur();'> 第二种：js方法 $("#name").focus(function(){ document.activeElement.blur(); }) 有一个focusout()方法，可...
禁止手机自带键盘弹出 显示数字键盘
07-18
标题“禁止手机自带键盘弹出 显示数字键盘”所涉及的核心知识点是自定义键盘和系统键盘的控制。在移动应用开发中，有时开发者为了提供更个性化的用户体验或特定功能需求，会选择自定义输入键盘替代手机系统自带的...
禁止软键盘弹出,自定义键盘
12-13
在移动设备上，软键盘是用户输入文本的常见方式，但在某些特定场景下，例如游戏、全屏应用或自定义输入界面，我们可能需要禁止软键盘自动弹出，并且使用自定义键盘来替代。本教程将详细介绍如何实现这一功能。 首先...
Android 弹出软键盘所遇到的坑及解决方法
08-31
1. **布局调整**：当软键盘弹出时，Android系统默认会改变Activity的布局，可能导致部分内容被键盘遮挡。为了解决这个问题，可以创建一个自定义的布局`SoftInputAdjustLayout`，它监听键盘的显示和隐藏，并自动调整...
利用javaScript实现点击输入框弹出窗体选择信息
10-26
主要是对利用javaScript实现点击输入框弹出窗体选择信息进的实例行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
禁止移动端input弹出软键盘
weixin_30420305的博客
09-08 643
在做三级联动，或者一些时间插件的时候总是弹出软键盘，用下面的方法就可以禁用掉，废话不多说直接上代码。 HTML代码 <div class=""> <div> <input type="text" id="disable1" class="" placeholder=""/> &l...
uniapp 自动获取焦点，不弹出软键盘
xiequanshuai的博客
09-13 6886
app进入某一个页面后自动弹出软键盘，查找原因后发现是因为input使用了auto-focus自动获取焦点所致。解决办法已有，快来看看吧。
uniapp 手机端时禁止输入框弹出键盘，使用自定义键盘
全易
12-10 1万+
<template> <view class="captch"> <view style=""> <view class="title-h1">短信验证码</view> <view class="title-h2"> <view>已向您尾号 {{ tail }} 的手机发送验证码<...
uniapp小程序点击输入框时阻止弹出软键盘
weixin_46607967的博客
02-09 8101
uniapp点击输入框不弹出软键盘
移动端输入框禁止软键盘弹出
LLL_liuhui的博客
06-11 2万+
1、&lt;input type="text" readonly="readonly" /&gt;
移动端input输入框聚焦时禁止软键盘弹出
web_start的博客
01-11 2161
document.activeElement.blur();
点击input 禁止手机自带键盘弹出
weixin_34232744的博客
06-13 6481
&lt;input readonly  data-field="date" placeholder="請選擇結束時間"  class="start_time span_width public" &gt;&lt;/input&gt;
禁止手机端点击input框跳出输入法
热门推荐
vcxiaohan的博客
03-30 2万+
第一种方式：，添加disabled，禁用输入框； 第二种方式：不使用input,使用其他非焦点获取的标签来代替，比如div； 第三种方式：通过js控制，
uniapp 弹出textarea输入框
06-06
在uni-app中可以使用uni.showModal()方法配合自定义组件的方式来实现弹出textarea输入框的效果。 首先，创建一个自定义组件，例如命名为MyTextarea： ```vue ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

好苦呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值