¿Cómo forzar un evento de desenfoque en JavaScript?

Question

Esto es lo que quiero hacer. Quiero activar un evento cada vez que cambia un elemento seleccionado. Tengo una selección de líneas múltiples y cuando realizo cambios (haga clic en elementos), no cambia hasta que el cuadro de selección pierde el foco. Así que estoy tratando de forzar una imagen borrosa cada vez que se hace clic en la casilla de selección. De esta forma, si cambia, activará el evento modificado. Si no cambia, nada sucederá.

¿Cómo puedo hacer esto? ¿Me estoy acercando a esto de la manera correcta? Las respuestas de Jquery también están bien.

Answer 1

Está bien, esto es lo que estaba pasando. Estaba incluyendo la versión -vsdoc de JQuery en lugar de la biblioteca JQuery real. Esto también soluciona algunos problemas que estaba teniendo con algunos complementos como blockUI.

Answer 2

Puede adjuntar un controlador onclick a la selección y a las opciones individuales. básicamente onclick="this.blur();". Siempre he encontrado que hacer clic en eventos en los elementos <select> es una molestia, ya que no sucede nada en el punto que usted espera.

Answer 3

Usando jQuery hacer:

$('#mySelectBox').change(function() { 
    //do things here 
}); 

De acuerdo con la documentación en http://api.jquery.com/change/, el evento se activa inmediatamente cuando el usuario realiza una selección.

Compruebe hacia fuera esta prueba para comprobar que esto funciona: http://jsfiddle.net/AHM8j/

Answer 4

Además de Ender el código completo podría ser algo como esto.

$('#mySelectBox').change(function() { 
    $('#thingToBlur').blur(); 
}) 

Referencia: http://api.jquery.com/blur/