Controllare se sono presenti elementi di input a fuoco

Question

Ho uno script jquery che visualizza un div quando viene premuto un tasto qualsiasi sulla tastiera. Vorrei aggiungere una condizione allo script che eseguirà lo script solo se nessun'altra area di input (textarea o texfields) è a fuoco sulla pagina. In questo modo puoi effettivamente scrivere sul resto della pagina senza mostrare il div.

$(document).on('keydown', function (e) { 
    if (!$('#test').is(':visible')) { 
     //######## IF (every input is not active....) { 
     if (65 <= e.keyCode && e.keyCode <= 90) { 
      $(elem).fadeIn(); 
      $('#textarea').val(''); 
      $('#textarea').focus(); 
      $('#textarea').val(temp); 
     } 
    } 
}); 

Grazie. Posso dare a ogni altra textarea sulla pagina lo stesso ID se è necessario.

Answer 1

di utilizzare jQuery focus pseudoselector

if ($('input:focus').length > 0) { return; } 

o per il vostro esempio di codice

if ($('input:focus').length == 0) { ... } 

Answer 2

con jQuery, tutto quello che dovete fare è cercare elementi di input o textarea che sono attualmente a fuoco.

if ($('input:focus, textarea:focus').length === 0) { 
    // put some code here... 
} 

Answer 3

È possibile utilizzare di .is() e document.activeElement come questo jQuery.

var targetInput = $('#myInput'); 

if(!targetInput.is(document.activeElement)) { 
    alert('Typed while not focused on #myInput!'); 
} 

JSFiddle

Answer 4

vorrei raccomandare di utilizzare questo per eventuali ingressi forma

if ($(':input:focus').length) { ... }