html点击文本框时怎样让手机输入法(键盘)不弹出

最新推荐文章于 2023-10-13 16:27:29 发布
最新推荐文章于 2023-10-13 16:27:29 发布
阅读量5.3k 收藏 2
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyl_842215935/article/details/52682320
版权

    可以将文本框设置为只读， 添加属性readonly="readonly"，这样可以阻止输入时就不会跳出键盘，同时可以给文本框添加一个点击事件οnclick="openClendar()"，弹出选项（如：APPCAN 日历插件），选中需要的内容之后可以将值直接赋给文本框呈现：document.getElementById('time').value = string;  

    例子输入框：<input placeholder="选择结束日期"   id="time"   class="ulev-1"    οnclick="openClendar()"   value=""    readonly="readonly">

子琳儿zzz
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
移动端H5-文本输入框不被弹起键盘遮住
u012201879的博客
12-05 1219
<input v-model="ownerName" type="text" maxlength="16" placeholder="请输入申请人姓名 " @focus="userFocus()" autocomplete="off" ref="userobj"> methods: { //申请人姓名获取焦点(防止键盘弹起遮住输入框) userFocus(){ ...
移动端H5页面在input输入框获得焦点时禁止唤起键盘
pink_cz的博客
12-23 5729
点击开始时间或者结束时间时会弹出日期选择器，这个时候呢在手机上看的话，会同时触发键盘，导致键盘弹出来，在网上找了半天终于找到了一个满足我业务需求的解决办法。当input输入框获得焦点时，在保留光标的情况下，又不让手机虚拟键盘弹起。哈哈哈哈 我又来了，又是java安卓应用嵌入H5页面，给大家看下效果。写完之后就不会再唤醒手机键盘了！
vue 解决文本框被键盘遮住的问题
10-16
今天小编就为大家分享一篇vue 解决文本框被键盘遮住的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
QT数字软键盘，包括QLineEdit弹出
06-24
最简单的数字软键盘例子，包含QlineEdit弹出的部分，方便自己根据需要修改。比qt自带的例子inputpanel简单的多。
js解决软键盘遮挡输入框的问题分享
11-29
经验须知 弹出软键盘时： ios端$(‘body’).scrollTop()会改变 android端$(window).height()会改变 拉起键盘不是一瞬间，而是有一个缓动过程 问题重现 ios端，经常会出现输入法遮挡输入框的问题(特别是那种有一个白色顶部的输入法，如：百度输入法)，如图： 问题解决 我们只需要在输入框聚焦之后，开启一个定时器，执行$(‘body’).scrollTop(1000000)，这样由于整个body滚动到了最下面，输入框自然就看见了，具体请查看以下示例 示例源码 <!DOCTYPE html> <html lang="en"> <head> <meta
IOS 解决输入框被键盘遮挡问题
06-15
当键盘高度高于输入框的时候，界面向上拉 从而解决输入框遮挡问题
HTML5页面，用JS 禁止弹出手机键盘
cxu123321的博客
07-28 2673
HTML5页面，用JS 禁止弹出手机键盘 用户点击input的时候； 会默认调出手机软键盘； 场景：文本框获取焦点时，需要禁止手机弹出自带的输入键盘； 解决方案1： 用一个p/div等标签显示内容；然后放一个隐藏的input； （可能的场景：当扫描二维码或者别的操作时候，JS赋值隐藏的input值和显示的文本；） （可能的场景：当用户点击输入框，调出自定义的日期软键盘或者数字输入键；阻止自带输入键盘的弹出） 这种解决方案，因为当用户点击的时候，因为点击的是p之类的标签，所以也不会弹出；.
H5实现聚焦文本输入框不弹出输入法窗口（可通过扫描头录入）
程序员之道
03-13 1796
在扫码手持终端上打开H5页面，不需要进行任何操作，直接扫码后录入数据。
Html5页面上如何禁止手机虚拟键盘弹出
unbreakablec的博客
10-15 346
在点击事件方法哪里增加一句代码事件处理方法前面添加一句 document.activeElement.blur()即可解决
移动端html5页面,用js禁止弹出软键盘输入法
最新发布
gvbjhbhh的博客
10-13 1993
移动端input文本框默认的焦点行为会弹起软键盘输入法,如果直接设置readonly则聚焦不了,因为需要多次聚焦,每次都弹出键盘又影响用户体验机页面美观
mfc按CEdit编辑框弹出自定义键盘
12-24
多个编辑框，单击每个编辑框都要弹出数字键盘，在编辑的位置弹出，并且数据直接编辑到当前的编辑框，按自定义键盘上的数字键，所对应的数据直接显示到要编辑的对话框中，工具用的VS2017
html5屏蔽技术,实用javaScript屏蔽技术
weixin_29356815的博客
06-05 297
屏蔽键盘所有键，屏蔽鼠标右键，屏蔽 Ctrl+N、Shift+F10、F5刷新、退格键，屏蔽浏览器右上角“最小化”“最大化”“关闭”键，屏蔽F5键，屏蔽IE后退按钮，屏蔽主窗口滚动条，屏蔽拷屏,不断地清空剪贴板，屏蔽网站的打印功能，屏蔽IE6.0 图片上自动出现的保存图标，屏蔽页中所有的script一、屏蔽键盘所有键function document.onkeydown(){event.keyCo...
html 复制文本按钮,js实现点击按钮复制文本功能
weixin_39894914的博客
06-25 982
最近遇到一个需求，需要点击按钮，复制 标签中的文本到剪切板之前做过复制输入框的内容，原以为差不多，结果发现根本行不通尝试了各种办法，最后使了个障眼法，实现了下面的效果一、原理分析浏览器提供了 copy 命令 ，可以复制选中的内容document.execCommand("copy")如果是输入框，可以通过 select()方法，选中输入框的文本，然后调用 copy 命令，将文本复制到剪切板但是...
前端开发笔记
weixin_33739646的博客
05-10 3522
1，页面做媒体查询需添加head头<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> //移动端加上这个标签才是真正的自适应复制代码<meta content="yes" name="apple-mobile-web-app-capable">//IOS中...
编辑框已经获取了焦点，输入法不自动弹起
追梦赤子心
06-08 1419
问题：编辑框已经获取了焦点，但是手机输入法不自动弹起 解决方案1：直接在activity声明时，设置 android:windowSoftInputMode=”adjustResize|stateVisible” 解决方案2：用Handler主动调起输入法 new Handler().postDelayed(new Runnable() { publ...
前端实现一键复制，且不弹出软键盘
weixin_43952444的博客
05-19 1294
前端实现一键复制，且不弹出软键盘直接上代码 直接上代码 function downloadImg() { var oInput = document.createElement('input'); //创建一个input oInput.setAttribute("readonly", "readonly");//设置只读，否则移动端使用复制功能时可能会造成软件盘弹出 oInput.value = "要复制的内容"; document.body.appendChild(
Android 有输入框的页面，一打开就会弹出输入法，最简单屏蔽办法
lgx06的专栏
11-04 2427
Android 有输入框的页面，一打开就会弹出输入法，想要屏蔽有很多种办法
qt点击文本框弹出软键盘
09-21
在Qt中，要实现在点击文本框时弹出软键盘，可以通过以下步骤实现： 1. 创建一个文本框控件，并设置使其可编辑。 2. 为该文本框控件关联一个事件，例如 `mousePressEvent` 事件。 3. 在事件处理函数中，调用 `...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值