JavaScript 移动端 input获得焦点后，禁止弹出输入键盘

业务场景：有一台手持设备，开发网页扫码，输入框需要自动获取焦点，但不能弹出输入键盘
 

参考了下面文章，但用vue方式写的，自己转了JavaScript

移动端禁止软键盘弹出

//进入页面，马上获取焦点
document.getElementById('qrcode').focus()

// 禁止弹出输入键盘
document.getElementById('qrcode').addEventListener('focus', function(e) {
  
  Promise.resolve().then(() => {
	e.target.setAttribute('readonly', true);
	// 使用setTimeout来延迟执行
	setTimeout(() => {
	  e.target.removeAttribute('readonly');
	}, 0);
  });
});

//测试发现，input在焦点情况下，点击input，还是会弹出输入键盘，于是继续监听点击事件
document.getElementById('qrcode').addEventListener('click', function(e) {
  
  Promise.resolve().then(() => {
	e.target.setAttribute('readonly', true);
	// 使用setTimeout来延迟执行
	setTimeout(() => {
	  e.target.removeAttribute('readonly');
	}, 0);
  });
});

//如果点击页面空白地方，输入框会失去焦点
document.getElementById('qrcode').addEventListener('blur', function(e) {
  document.getElementById('qrcode').focus()
});