Trova se una casella di testo è attualmente selezionata

Question

Come trovo se una casella di testo (o area di testo) è attualmente a fuoco? Non mi interessa sapere quale sia, ho solo bisogno di sapere se uno è a fuoco (ha il cursore in esso). Come farei questo con javascript e jquery?

Answer 1

Dal momento che avete trovato document.activeElement, è possibile controllare la sua nodeName.

if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') { 
    // .... 
} 

Qualcosa del genere.

Answer 2

$('#yourTextAreaID:focus'); 

non funzionava. :) Ma

$('#yourTextAreaID').focus(function(){ 
    // do something 
}); 

sarebbe eseguirli il codice //do something quando l'elemento viene attivato.

Answer 3

$('#target').focus(function() { 
    alert('Handler for .focus() called.'); 
}); 

Prova anche:

alert($("*:focus").attr("id")); 

http://jsfiddle.net/4KVvV/

Answer 4

Ok, ho appena capito. Ecco quello che ho fatto:

function checkFocus() { 

    if ($(document.activeElement).attr("type") == "text" || $(document.activeElement).attr("type") == "textarea") { 

    //Something's selected 

    return true; 

} 

} 

Answer 5

Estendere la risposta accettata da un assegno di HTMLDivElements modificabili:

if (document.activeElement.nodeName == 'TEXTAREA' 
    || document.activeElement.nodeName == 'INPUT' 
    || (document.activeElement.nodeName == 'DIV' 
     && document.activeElement.isContentEditable)) { 
    // … 
}