哪个js事件用于自动从输入字段中移除焦点？答案

【问题标题】：which js event is used to automatically remove focus from the input field?哪个js事件用于自动从输入字段中移除焦点？
【发布时间】：2016-08-10 15:40:14
【问题描述】：

因为，我的站点中有输入字段，我必须在其中扫描 bar-code 并对该数组进行进一步处理，如何在通过扫描仪自动扫描后处理该字段（而不是通过滚动鼠标或单击外部文本框，类似地，就像在任何百货商店或价值商店中所做的那样）？基本上我正在寻找 JavaScript 事件，它会在扫描后自动失去焦点或帮助我在百货商店中做同样的事情？

我使用了事件onblur()，但扫描后我必须通过在输入字段外单击来转移焦点。我希望它自动完成

【问题讨论】：

事件是发生在你身上的事情，而不是你做的事情。要移除焦点，您可以使用document.focus() 将焦点设置为文档等其他内容。

标签： javascript

【解决方案1】：

你也可以这样做

setTimeout(function() {
  document.getElementById('link').blur();
},2000);

【讨论】：

【解决方案2】：

您可以在其中使用 jQuery 库、blur() 和 trigger() 函数

看到这个

$('#but').on('click', function(){
  $('input').trigger('blur');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" autofocus>
<button id="but">Lose Focus</button>

或者用纯Javascript你可以做

document.getElementById('get').addEventListener('click', function(){
   document.getElementById('link').focus();
})

document.getElementById('lose').addEventListener('click', function(){
   document.getElementById('link').blur();
})

<a id='link' href="www.google.com">Simple Link<a/>
  <button id="get">Get Focus</button>
<button id="lose">Lose Focus</button>

【讨论】：

但是我不想用jQuery，而且问题没有标记jQuery。
@SurenSrapyan 在你的代码中我必须点击一个按钮来移除焦点，我只是不想做任何活动（点击或滚动）。至于条形码输入，我希望它被处理

【解决方案3】：

在 JavaScript 中，您可以使用 blur 事件从文本框或元素中移除焦点

(function () {
  'use strict';
  
  var textbox = document.getElementById('myTextBox');
  
  var btn = document.getElementById('loseFocusBtn');
  
  textbox.focus();
  
  btn.addEventListener('click', btnClick);
  
  function btnClick() {
    textbox.blur();
  }
})();

<input type="text" value="Hello, World!" id="myTextBox"/>
<input type="button" value="Lose Focus" id="loseFocusBtn"/>

【讨论】：