jqueryのタブを防ぐ方法？

Question

我々はぼかしを防ぐ停止またはfield.then 5第二のユーザの後の入力で5秒間タブで移動する一つのフィールドからanother.Iにタブがoffとon機能を使用することができますが、それは.hereに動作しないことができ、私のコード http://jsfiddle.net/GV3YY/99/

です

$("input").off("blur"); 

setTimeout(function(){ 
$("input").on("blur"); 
},5000) 

Answer 1

入力が集中しているときは入力を「ロック」し、5秒後には「設定解除」を使用する必要があります。素朴な実装は、次のようになります。https://jsfiddle.net/my7wk6gj/2/

更新：クリックすると擬似的にぼかしが防止されます。ぼかしはまだ発生しますが、5秒が経過するまでフォーカスが元の入力に戻されます。

var lockInput = false; 
var focusTarget = null; 
var lockTimeout = null; 

$('input').on('focus', function (e) { 
    if (lockTimeout) { 
    return; 
    } 

    lockInput = true; 
    lockTimeout = setTimeout(function() { lockInput = false; lockTimeout = null }, 5000) 
}).on('keydown', function (e) { 
    if (e.keyCode === 9 && lockInput) { 
    e.preventDefault(); 
    return false; 
    } 
}).on('blur', function (e) { 
    console.log('blur') 
    if (lockInput && focusTarget === null) { 
    focusTarget = e.target; 
    setTimeout(function() { 
     focusTarget.focus(); 
     focusTarget = null; 
    }); 
    } 
}); 

グローバル変数

は一例に使用されている...私はぼかしのために働くこと event.stopImmediatePropagationを得ることができなかったので、これは次善の策ですが、私はそれに対してアドバイスをしたいです。

また、多数の入力がある場合は、すべてのリスナーを追加するのではなく、イベント委任を使用することをおすすめします。