jQuery: perder el foco en el elemento

Question

Necesita perder enfoque de alguna manera en <select> después de que se haya seleccionado <option>.

http://jsfiddle.net/MnAdN/

Sin retirar esta comprobación de enfoque.

if (... !$('#adm1n-toolbar form select').is(':focus')) 

La barra de herramientas debe estar visible mientras el usuario está haciendo la selección, y debe ocultarse cuando se realiza la selección.

Gracias.

Answer 1

Usted puede utilizar el método blur(), así:

$("#adm1n-toolbar form select").change(function() { 
    $(this).blur(); 
}); // after something has been selected 

Answer 2

gatillo un evento de desenfoque:

$('#yourSelect').blur(); 

Answer 3

Sólo forzar el foco de la barra de herramientas:

$('#adm1n-toolbar select').trigger('blur'); 

Usando su jsFiddle:

$('#adm1n-toolbar') 
    .mouseenter(function() { 
     var toolbarposition = $(this).position(); 
     if (toolbarposition.top < 0) { 
      $(this).animate({top: '0'}, 300); 
     } 
    }) 
    .mouseleave(function() { 
     var toolbarposition = $(this).position(); 
     if (toolbarposition.top >= 0 && !$('#adm1n-toolbar form select').is(':focus')) { 
      $(this).animate({top: '-115'}, 300); 
     } 
    }); 

$('#adm1n-toolbar select').change(function(e) { 
    e.preventDefault(); 
    $(this).trigger('blur'); 
});