input禁止弹出输入法窗口(保留焦点,可通过扫描头等方式录入)

场景:input输入框在手机版页面上,会自动呼出输入法进行输入.如果按照将input设置为readonly,确实不会再弹出输入框,可以通过自己实现的键盘输入。但是存在扫描条码录入失效的问题,可以通过以下这种方式来解决。

思路:只读模式下不会触发软键盘,在onclick事件下绑定方法,实现只读模式下获取焦点,再移除只读模式,供扫描头扫描条码录入数据

代码:

var input = document.getElementById('xxx');
input.setAttribute("readonly","readonly");
input.focus();
setTimeout(()=>{
     input.removeAttribute("readonly");
},20);