保持在输入标签

Question

我试图保持焦点的输入元素上使用此代码重点：

<input onblur="this.focus()" /> 

但它似乎并没有工作。

Answer 1

如果我们只是在blur事件上调用.focus()，它将恢复焦点，但实际上不会有文本光标。为了处理这个问题，我们必须让元素失去焦点，然后在几毫秒内返回它。我们可以使用setTimeout()。

$('#inp').on('blur',function() { 
    var blurEl = $(this); 
    setTimeout(function() { 
     blurEl.focus() 
    }, 10); 
}); 

这是working example。小心 - 你不能离开文本字段后，你输入=）

编辑我用jQuery，但它可以很容易地完成没有它。
EDIT2这里的纯JS版fiddle

<input type="text" id="elemID" /> 

<script type="text/javascript"> 
    document.getElementById('elemID').onblur = function (event) { 
     var blurEl = this; 
     setTimeout(function() { 
      blurEl.focus() 
     }, 10); 
    }; 
</script>