1. ホーム
  2. ジャバスクリプト

[解決済み】jQueryのlose focusイベント

2022-04-06 07:36:30

質問

入力フィールドにフォーカスが当たったときにコンテナを表示し、フォーカスが外れたときにコンテナを非表示にしたいのですが、実際のところどうなのでしょうか?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();
});

解決方法は?

使用方法 ぼかし イベントを使用して、要素のフォーカスが外れたときに関数を呼び出すことができます。

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