HTML5页面,用JS 禁止弹出手机键盘
2024-08-27 14:59:04
用户点击input的时候;
会默认调出手机软键盘;
场景:文本框获取焦点时,需要禁止手机弹出自带的输入键盘;
解决方案1:
用一个p/div等标签显示内容;然后放一个隐藏的input;
(可能的场景:当扫描二维码或者别的操作时候,JS赋值隐藏的input值和显示的文本;)
(可能的场景:当用户点击输入框,调出自定义的日期软键盘或者数字输入键;阻止自带输入键盘的弹出)
这种解决方案,因为当用户点击的时候,因为点击的是p之类的标签,所以也不会弹出;
解决方案2:
- $form.on("focus","input[name=qrCode]",function(){
- document.activeElement.blur();//屏蔽默认键盘弹出;
- });
这段代码就是点击的时候,屏蔽默认的键盘呼出;iPhone和安卓手机测试可以;
~~~
最新文章
- Windows平台手动卸载Oracle Server【完整+干净】
- uMlet建模工具
- linux chomd 学习
- &;与&;&;的区别
- Mysql denied for user 'odbc@localhost' || denied for user 'root@localhost'
- ubuntu 14.04 vim install youcompleteme
- spark基础练习(未完)
- CSS3+HTML5学习笔记(1)
- Visual Studio Team Services使用教程--Readers tfs组checkin权限修改
- 将图片转为ASCII字符画
- 关于prototype属性的理解
- MySQL数据库主从分离的配置方法
- Confluence 6 选择一个外部数据库
- apache2.4多站点配置
- python logging 模块的应用
- jeecg-org.jeecgframework.web.system.listener.InitListener
- sql server 2008 R2 备份还原到sql 2012
- java 构造器(constructor)
- OC 对象和函数
- javascript 浮点数加减乘除计算会有问题, 整理了以下代码来规避这个问题