禁止input弹出手机默认键盘的解决办法
2018-04-19 本文已影响0人
zackxizi
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()的方法就可以将虚拟键盘给隐藏了