HTML5页面,用JS 禁止弹出手机键盘

用户点击input的时候;

会默认调出手机软键盘;

场景:文本框获取焦点时,需要禁止手机弹出自带的输入键盘;

解决方案1

用一个p/div等标签显示内容;然后放一个隐藏的input;

(可能的场景:当扫描二维码或者别的操作时候,JS赋值隐藏的input值和显示的文本;)

(可能的场景:当用户点击输入框,调出自定义的日期软键盘或者数字输入键;阻止自带输入键盘的弹出)

这种解决方案,因为当用户点击的时候,因为点击的是p之类的标签,所以也不会弹出;

解决方案2

  1. $form.on("focus","input[name=qrCode]",function(){
  2. document.activeElement.blur();//屏蔽默认键盘弹出;
  3. });

这段代码就是点击的时候,屏蔽默认的键盘呼出;iPhone和安卓手机测试可以;

~~~

时间: 2024-10-25 06:13:16

HTML5页面,用JS 禁止弹出手机键盘的相关文章

触屏版类似刷新页面文本框获取焦点的同时弹出手机键盘的做法

手机触屏版想要自动弹出键盘要满足的三个条件: 1.文本框获取焦点 2.手触屏该页面的屏幕 3.无延迟 实现实例(类似微信微博): <!DOCTYPE html><html lang="zh-cn"><head>    <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge"&

页面迁移时先弹出键盘问题解决

android自动弹出软键盘(输入键盘) 在AndroidMainfest.xml内容无法更改情况下,也就是键盘非要弹出情况下,进入此页面时先关闭软键盘不让其弹出 InputMethodManager imm = (InputMethodManager)passwordText.getContext().getSystemService(Context.INPUT_METHOD_SERVICE); imm.hideSoftInputFromWindow(passwordText.getWindo

Android进入一个新页面,EditText失去焦点并禁止弹出键盘

android在进入一个新页面后,edittext会自动获取焦点并弹出软键盘,这样并不符合用户操作习惯. 在其父控件下,添加如下的属性,就可以完美解决,使其进入页面后不主动获取焦点,并且不弹出软键盘: android:focusable="true"   android:focusableInTouchMode="true" 代码如下: 1 <ScrollView 2 android:layout_width="match_parent"

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

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

禁止移动端input弹出软键盘

在做三级联动,或者一些时间插件的时候总是弹出软键盘,用下面的方法就可以禁用掉,废话不多说直接上代码. HTML代码 <div class=""> <div> <input type="text" id="disable1" class="" placeholder=""/> </div> <div> <input type="tex

sublimeText3安装package control和禁止弹出更新下载弹窗

1.sublimeText3安装package control import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join

【android】禁止Edittext弹出软键盘并且使光标正常显示

/** * 禁止Edittext弹出软件盘,光标依然正常显示. */ public void disableShowSoftInput() { if (android.os.Build.VERSION.SDK_INT <= 10) { editText.setInputType(InputType.TYPE_NULL); } else { Class<EditText> cls = EditText.class; Method method; try { method = cls.get

js自定义弹出框

js自定义弹出框: 代码如下 <html> <head><title>自定义弹出对话框</title> <style type ="text/css" > .layout { width:2000px; height:400px; border:solid 1px red; text-align:center; } </style> <script type="text/javascript&quo

UIwebView 禁止弹出菜单

在UIwebView 发现绑定longTap事件的操作中,在iso会有菜单弹出(复制黏贴,词典等),影响我们设定的交互操作,估要屏蔽之~ window.onload=function(){ document.documentElement.style.webkitTouchCallout = "none"; //禁止弹出菜单 document.documentElement.style.webkitUserSelect = "none";//禁止选中 };