Как предотвратить элемент от потери фокуса?

Question

Как сохранить фокус на одном текстовом поле? даже если вы щелкните в любом месте браузера.

$("#txtSearch").focus(); 

Answer 1

$("html").click(function(){ 
    $("#txtSearch").focus(); 
}); 

Демо:http://jsfiddle.net/QhaLY/

Answer 2

$('body').click(function(){$("#txtSearch").focus();}); 

Answer 3

Вы должны подписаться на blur случае textbox и восстановить фокус с небольшой тайм-аут:

$('#txtSearch').blur(function (event) { 
    setTimeout(function() { $("#txtSearch").focus(); }, 20); 
}); 

Таким образом, вы не полагаетесь на подписку на события любого другого элемента на странице. Если вы подписаны на body click или html click, он не будет работать, если какой-либо другой элемент предотвратит распространение его события click, также он не будет работать, если табуляция из textbox.

Пример:

<!-- I will not propagate my click to top level DOM elements --> 
<button id="button">Click me</button> 

<script> 
$('#button').click(function (event) { 
    event.stopPropagation(); 
}); 
</script> 

Answer 4

Есть другие способы потери фокуса, чем нажав область от входа т.е. табуляции. Если вы хотите, чтобы предотвратить потери фокуса использование размытия события т.е.

document.getElementById('txtSearch').addEventListener('blur', e => { 
 
    e.target.focus(); 
 
});