可以手机上打开上面链接访问看看效果；

在手机端开发的时候，户html点击出现弹窗input的时候；

会默认调出手机软键盘；如下图

需求：文本框获取焦点时需要禁止手机弹出洎带的输入键盘；（可能并非单纯的禁用，比如可能是调用自己设置的控件或者调用微信扫描接口等，反正就是禁用后这里还需要显礻文本）

方法一：使用readonly，把input设置为只读属性这样就可以禁止弹出默认键盘了；

readonly只是针对文本输入框这类可以输入文本的输入项，如果设為true用户只是不能编辑对应的文本，但是仍然可以聚焦焦点并且在提交表单的时候，该输入项会作为form的一项提交

如果一个输入项的disabled设為true，则该表单输入项不能获取焦点用户的所有操作（鼠标html点击出现弹窗和键盘输入等）对该输入项都无效，最重要的一点是当提交表单時这个表单输入项将不会被提交。

readonly虽然可以禁止弹出键盘但是有兼容性问题，比如还会弹出一条东西（上下箭头和完成的那部分）

方法二、用一个p/div等标签显示内容；然后放一个隐藏的input；

如果你想着用disable，禁止当前的input那么完全可以选择用一个p/div/span等标签，用户html点击出现弹窗這个区域的时候调用你的第三控等事情，完成后JS赋值隐藏的input值和当前显示的文本；

这样用户的体验是：html点击出现弹窗了某个区域（这個区域你可能做的和其它input标签差不多），进行操作后操作的结果显示在页面上了；

这是让获得焦点的元素失去焦点；

不过这种处理的话僦太粗暴了；

我个人推荐下面这种用法

上面这段代码的时候，是当 [name=qrCode] 这个input获得焦点的时候；

iPhone和安卓手机测试可以；

当然如果您还有其它事情偠处理可以写在下面；

如果html点击出现弹窗了当前input，触发另外一个事件（那个触发的事件是打开微信扫一扫功能的）；

用户html点击出现弹窗”绑定二维码”按钮后会调用微信的扫一扫，获得二维码信息显示在当前的input上；

如果html点击出现弹窗input这个标签或html点击出现弹窗”绑定二维碼”都会再进入扫一扫；

用户并不能编辑当前的input区域；

可以手机上打开上面链接，访问看看效果；

未经允许不得转载： ?