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和安卓手机测试可以；

~~~

转载于:https://www.cnblogs.com/annie211/p/7325866.html