Come impedire a un elemento di perdere lo stato attivo?

Question

Come mantenere il Focus su una casella di testo? anche se fai clic in qualsiasi punto del browser.

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

Answer 1

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

Demo Live:http://jsfiddle.net/QhaLY/

Answer 2

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

Answer 3

È necessario abbonarsi al blur caso di textbox e ripristinare messa a fuoco con un piccolo timeout:

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

In questo modo non ci si affida alla sottoscrizione degli eventi di nessun altro elemento nella pagina. Se ti iscrivi a body click o html click, non verrà eseguito se qualsiasi altro elemento impedisce la propagazione del suo evento click, inoltre non funzionerà quando si esce da textbox.

Esempio:

<!-- 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

Ci sono altri modi di perdere fuoco che cliccando zona lontana dall'ingresso cioè tabulazione. Se si vuole evitare di perdere attenzione evento uso sfocatura cioè

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