您现在的位置是:首页 > 正文

移动端H5页面在input输入框获得焦点时禁止唤起键盘 最新发布

2024-04-01 00:11:38阅读 1

移动端

实现效果:
当input输入框获得焦点时,在保留光标的情况下,又不让手机虚拟键盘弹起
问题背景:
哈哈哈哈 我又来了,又是java安卓应用嵌入H5页面,给大家看下效果
在这里插入图片描述
点击开始时间或者结束时间时会弹出日期选择器,这个时候呢在手机上看的话,会同时触发键盘,导致键盘弹出来,在网上找了半天终于找到了一个满足我业务需求的解决办法
我用的是原生html+jquery写的,实现方法如下:

<script type="text/javascript" src="../../script/jquery.min.js"></script>
<script type="text/javascript">
 function stopKeyborad(obj) {
     obj.attr('readonly', 'readonly');
     setTimeout(function () {
         obj.removeAttr('readonly');
     }, 200);
 }
</script>

如果是vue写的用下边的方法:

<input type="password"   @focus="stopKeyborad">
stopKeyborad () {
  this.$refs.scanTextbox.setAttribute('readonly', 'readonly');
  setTimeout(() => {
    this.$refs.scanTextbox.removeAttribute('readonly');
  }, 200);
}

写完之后就不会再唤醒手机键盘了!

网站文章

  • 微博数据处理——获取广告用户数据集(三)

    微博数据处理——获取广告用户数据集(三)

    任务:需要获取广告用户候选的数据集实现思路:1.在微博话题中筛选含广告用户较多的话题2.使用python爬虫技术获取话题用户账号3.获取用户行为信息,并进行手工标注1.筛选广告话题通过对微博的使用,发...

    2024-04-01 00:11:14
  • cesium 雾 天气 案例

    cesium 雾 天气 案例

    获取 AccessToken 代码

    2024-04-01 00:11:07
  • 2020-02-06-Linux设备驱动开发0-环境搭建

    layout title subtitle date author header-img catalog tags post Linux设备驱动开发0-环境搭建 学习Linux驱动开发,当然得有一个自己的练兵台了! 2020-02-06 Tupelo Shen img/post-bg-re-vs-ng2....

    2024-04-01 00:11:00
  • MAC PHP 版本管理

    brew installbrew-php-switcherbrew install php@7.2brew install php@7.3切换到php7.2brew-php-switcher 7.2切换到php7.3brew-php-switcher 7.3

    2024-04-01 00:10:53
  • AtCoder Beginner Contest 302——A-E题讲解

    蒟蒻来讲题,还望大家喜。若哪有问题,大家尽可提!Hello, 大家好哇!本讲解一下这场比赛的!

    2024-04-01 00:10:27
  • C/C++语言:判断是否是素数

    判断任一个正整数n是否是素数

    2024-04-01 00:10:22
  • 使用JavaScript创建和设置HTML表格

    使用JavaScript创建和设置HTML表格

    要在JavaScript中创建和设置HTML表格,您可以使用DOM(文档对象模型)来操作HTML元素。下面是一个示例代码,演示如何使用JavaScript创建一个简单的表格并设置一些样式。您可以根据需...

    2024-04-01 00:10:16
  • 6.工厂模式_2:实现改良版本

    跟汤老师学Java笔记:工厂模式实现改良版本 完成:第一遍 1.工厂模式改良版本如何实现? package designPattern; import java.io.BufferedReader; ...

    2024-04-01 00:09:52
  • linux中通过dbca创建oracle数据库

    linux中通过dbca创建oracle数据库

    本文承接上篇博客,linux中安装oracle数据库1.首先还是一样的,本地的xstar连接上服务器,2.#非常重要,必须在oracle用户下执行这行命令,否则会导致你弹出的安装oracle界面全是框框export LANG=en_US.UTF-8#这边的ip要填你自己安装xstart自己电脑上面的ipexport DISPLAY=192.168.5.108:0.03...

    2024-04-01 00:09:40
  • L1-054 福到了 (15 分)

    “福”字倒着贴,寓意“福到”。不论到底算不算民俗,本题且请你编写程序,把各种汉字倒过来输出。这里要处理的每个汉字是由一个 N×N 的网格组成的,网格中的元素或者为字符@或者为空格。而倒过来的汉字所用的...

    2024-04-01 00:09:34