用户点击input的时候;

会默认调出手机软键盘;

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

解决方案1

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

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

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

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

解决方案2

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

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

~~~

我的应用场景是,当点击某个输入框,禁止输入,并调用微信的扫描二维码的接口;所以在上面屏蔽键盘弹起后,写了一行手动触发扫描二维码的事件;