jsイベントは入力フィールドからフォーカスを自動的に削除するために使用されますか？

Question

私はbar-codeをスキャンしてその配列をさらに処理する必要がある自分のサイトに入力フィールドを持っています。マウスをスクロールしたり、テキストボックスの外側をクリックしたりすることなく、どのような部門やバリューストアでも同様に）JavaScriptイベントを探していますが、自動的にフォーカスを失ったり、スキャンした後に部門ストアのようにするのに役立ちますか？

私はイベントonblur()を使用しましたが、スキャン後に入力フィールドの外側をクリックしてフォーカスを移動する必要があります。私はそれが自動的に

Answer 1

行うことができますJavascriptのテキストボックスからフォーカスを削除するblurイベントを使用することができますJavaScriptでは

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

Answer 2

を行うことがしたいあなたはこの

$('#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>

またはInを参照してください。それに

をjQueryライブラリ、blur()とtrigger()機能を使用することができます純粋なあなたはまた、行うことができます

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>

Answer 3

か要素

(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"/>