jquery lose focus event

Question

Hello,

I'm trying to show up a container if a input field gets the focus and - that's the actual problem - hide the container if focus is lost. Is there an opposite event for jQuery's focus?

Some example 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>

And what I'd like to do is something like this:

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

Answer 1

Use blur event to call your function when element loses focus :

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

Answer 2

Use "blur": http://docs.jquery.com/Events/blur#fn

Answer 3

Thank you! Simple but very helpful to me!

Dave

Answer 4

oh, this is very simple. thanks everyone for help me out... :)

Answer 5

man... stackoverflow is the best place ever for any questions regarding programming. gotta answer more.