美文网首页
禁止input弹出手机默认键盘的解决办法

禁止input弹出手机默认键盘的解决办法

作者: zackxizi | 来源:发表于2018-04-19 14:10 被阅读0次

1. readonly (推荐)

<input type="text" name="www.xxx" readonly="readonly" />

注意: readonly表示此域的值不可修改,仅可与 type="text" 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值

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

如果你想着用disable,禁止当前的input,那么完全可以选择用一个p/div/span等标签,用户点击这个区域的时候,调用你的第三控等事情,完成后,JS赋值隐藏的input值和当前显示的文本;
这样用户的体验是:点击了某个区域(这个区域你可能做的和其它input标签差不多),进行操作后,操作的结果显示在页面上了;

3. 使用document.activeElement.blur();

在input获取焦点的时候,在使用blur()的方法就可以将虚拟键盘给隐藏了

相关文章

网友评论

      本文标题:禁止input弹出手机默认键盘的解决办法

      本文链接:https://www.haomeiwen.com/subject/kbdwkftx.html