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

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

例子输入框:<input placeholder="选择结束日期"   id="time"   class="ulev-1"    οnclick="openClendar()"   value=""    readonly="readonly">
————————————————
版权声明:本文为CSDN博主「zzz_842215935」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/zyl_842215935/java/article/details/52682320

原文地址:https://www.cnblogs.com/wugh8726254/p/12704652.html

时间: 2024-10-07 06:16:11

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

小插件: 例 新增操作人 点击文本框需要展示所有的人员提供选择弹框 人员信息全部自动带出来

效果图: 描述: 点击人员input 弹出模态框提供选择 , 选择确定后人员信息自动带入以下文本框 页面: <div class="form-group"> <label class="col-md-3 control-label">维修人系统编号:</label> <div class="col-md-8"> <input id="RepairUserAccount" n

手机浏览器浏览WebApp弹出的键盘遮盖住文本框的解决办法

手机浏览器浏览WebApp弹出的键盘遮盖住文本框的解决办法 最近碰到Android微信内置浏览H5页面,因为其中的文本输入框(input)放置在靠近页面的中下方,点击文本框以后,则输入框会被弹出的手机输入法键盘遮盖住. 找到一段js代码直接解决之,点击时强制滚动之,好像也解决了在Android浏览器下浏览的同样问题. 1 if(/Android [4-6]/.test(navigator.appVersion)) { 2 window.addEventListener("resize"

jquery ui autocomplete 实现点击文本框,出现所有查询信息效果

直接看代码 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Default functionality</title> <link rel="stylesheet" href="../../themes/base/jqu

使用语音输入法时,当文字没有加载出来,清空文本框时系统崩溃

今天测试组发现一问题:"在对话页使用语音输入法时,当文字没有加载出来点击"发送"按钮,系统崩溃": 于是网上查了很多资料还是没什么好的方式: 测试微信的发送消息功能,一样的都有此bug问题,毕现!(程序立即崩溃): 如下图(正在获取语音数据时点击发送信息程序立即崩溃) 解决办法: 写了一方法: BOOL containsDictationView(UIView *view) { if (strstr(class_getName(view.class), "

点击文本框清除默认文本离开再恢复

点击文本框清除默认文本离开再恢复:很多网站的需要填写的文本框在默认状态下都会给出一个默认的提示语言,当鼠标点击此文本框的时候能够将里面的默认文本清除,当删除输入的文本且焦点离开文本框的时候再将默认的文本写入文本框.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://

如何实现点击文本框清除其中文本

如何实现点击文本框清除其中文本: 此种效果经常用在搜索框中,默认状态下搜索框中有提示语言,当点击搜索框时会清除其中的文本,下面就来简单介绍一下如何实现此种效果.尽管此效果没有用到CSS代码,因为代码比较常用,所以在这里也介绍一下. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http:

点击文本框弹出可供选择的checkbox复选框代码实例

点击文本框弹出可供选择的checkbox复选框代码实例:本章节分享一段代码实例,它能够点击文本框的时候,能够弹出下拉的checkbox复选框,选中复选框就能够将值写入文本框中,可能在实际应用中的效果没有这么直白简单,不过可以作为一个例子演示,以便于学习者理解和扩展.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author&qu

jQuery实现点击文本框清除内容代码实例

jQuery实现点击文本框清除内容代码实例:本章节介绍一下文本框最简单的一个人性化措施,就是点击文本框的时候能够删除里面的提示文本.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title&g

原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间

原文出处 (这是我从互联网上搜来的,感觉能满足各方面的需求.个人感觉挺不错的,所以后期修改了一下向大家推荐!) 效果图: html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org