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();
});

Answer 2

像这样:

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

Answer 3

使用"模糊":http: //docs.jquery.com/Events/blur#fn

Answer 4

模糊事件:当元素失去焦点时.

focusout事件:当元素或其中的任何元素失去焦点时.

由于滤镜元素内部没有任何内容,因此在这种情况下,模糊和聚焦都会起作用.

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

jsfiddle with blur:http: //jsfiddle.net/yznhb8pc/

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

jsfiddle with focusout:http://jsfiddle.net/yznhb8pc/1/