Funzione jQuery quando una casella di testo perde lo stato attivo

Question

Ho una casella di testo che voglio eseguire alcuni jquery quando la casella di testo perde lo stato attivo, quindi dopo che l'utente ha fatto clic fuori dalla casella di testo.

Ho provato a fare questo

$("#textbox").focusout(function() { 
    alert("hello"); 

}); 

ma ottengo un errore che dice oggetto non supporta questa proprietà o metodo.

Come posso fare questo allora?

Answer 1

focusout è stato aggiunto in v1.4. Tre pensieri:

1. Potresti utilizzare una versione precedente di jQuery?
2. Il tuo campo ha davvero l'ID textbox?
3. Stai anche utilizzando Prototype o MooTools (o qualsiasi altra cosa che potrebbe occupare lo $)? In tal caso, utilizzare la modalità noConflict di jQuery e utilizzare jQuery anziché $.

Oltre a ciò, dovrebbe (funziona) funzionare.

Ecco un esempio (usando un avviso come avete fatto): http://jsfiddle.net/QzmZp/1/
e un altro che non utilizzano un avviso (perché fuori di testa IE7 out): http://jsfiddle.net/QzmZp/2/
Qualcuno in precedenza chiesto di versioni del browser, ho provato quanto sopra con Chrome 5, IE6, IE7 e FF3.6; tutto bene.

Ho eseguito entrambi uno input e uno textarea perché non ero sicuro di quale stavi utilizzando.

Answer 2

jQuery("#textbox").blur(function() { 
    alert("hello"); 
}); 

blur è l'evento che viene generato quando un elemento perde lo stato attivo. Controlla jQuery.blur.

EDIT

Non sono sicuro se questo è ciò che si vuole, ma se si sta veramente cercando di utilizzare focusout check-out T. J. Crowder's solution. Tuttavia, per la tua situazione, l'evento blur potrebbe essere necessario in quanto desideri rilevare la perdita di messa a fuoco sulla casella di testo stessa. focusout si attiva quando un elemento o qualsiasi elemento all'interno di perde tale elemento.

Answer 3

$("#idOfTextField").blur(function(){ 

    //your code 

}); 

Answer 4

$(document).ready(function() { 
     ////////////////////////ALL textbox to upper 
     $("input[type=text]").blur(function() { 
      $(this).val($(this).val().toUpperCase()); 
     }); 
    }); 

per convertire tutte le casella di testo al superiore quando perdono messa a fuoco.