jQuery 失去焦点事件

javascript jquery jquery-events focus

2022-08-30 00:30:50

如果输入字段获得焦点，我尝试显示一个容器，并且 - 这是实际问题 - 如果焦点丢失，则隐藏容器。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();
});

答案 1

使用 blur 事件在元素失去焦点时调用函数：

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

答案 2

喜欢这个：

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