时间戳

首页 > 解决方案 > 如何防止移动浏览器键盘弹出聚焦输入字段？

javascript - 如何防止移动浏览器键盘弹出聚焦输入字段？

问题描述

我有一个网页具有文本类型的输入字段。输入文本保持隐藏。我必须通过输入字段中的条形码扫描仪获取值。每当我需要通过扫描仪获取输入时，我需要将焦点设置在输入字段上，如果我将焦点设置在输入上，则会出现移动浏览器上的虚拟键盘。

$(document).ready(function() {

  $('#partsIdScan').on('input', function() {
    $('#result').html('$(#partsIdScan').val();
    $('#partsIdScan').val('');
  });
});

//To set focus on input
$(document).on('click', function(e) {
  e.preventDefault();
  if (e.target.id != 'parstIdScan') {
    $('#partsIdScan').focus();
  }

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id='partsIdScan' type='text' , name='partsIdScan' , autofocus />
<h3 id='result'></h3>

是否可以在不打开移动浏览器上的虚拟键盘的情况下始终将焦点设置在输入字段上？

标签： javascriptjquerymobile-browser

解决方案

推荐阅读