javascript - jQuery失去焦点事件

Question

如果输入字段获得焦点，我会尝试显示一个容器，并且 - 这是实际问题 - 如果焦点丢失，则隐藏容器。 jQuery的焦点是否有相反的事件？

一些示例代码:

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

我想做的是这样的:

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

Answer 1

使用 blur当元素失去焦点时调用你的函数的事件:

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