jQuery perdre de vue l'objectif de l'événement

Question

J'essaie de montrer un conteneur si un champ de saisie obtient le focus et - ce qui est le problème réel - masquer le conteneur si le focus est perdu. Est-il un en face de l'événement pour jQuery?

Un exemple de code:

<input type="text" value="" name="filter" id="filter"/>

<div id="options">some cool options</div>

<script type="text/javascript">
  $('#options').hide();

  $('#filter').focus(function() {
    $('#options').appear();
  });
</script>

Et ce que j'aime faire, c'est quelque chose comme ceci:

$('#filter').focus_lost(function() {
  $('#options').hide();
});

Answer 1

L'utilisation du flou de l'événement pour appeler votre fonction lors de l'élément perd le focus :

$('#filter').blur(function() {
  $('#options').hide();
});

Answer 2

Comme ceci:

$(selector).focusout(function () {
    //Your Code
});

Answer 3

Utilisez le "flou": http://docs.jquery.com/Events/blur#fn