jQueryオブジェクト .blur()

input要素やtextarea要素からフォーカスが外れたときのイベントハンドラを指定する。

概要

jQueryObject.blur(handler)

引数

handler

要素がフォーカスを失ったときに呼び出される関数を指定する。

使用例

blur メソッドの使用例を以下に示す。

HTML

<input type="text" id="txt">
<p>Event: <span id="evt"></span></p>

JavaScript

let txt = $("#txt");
let evt = $("#evt");

txt.blur(function (){
  evt.html("blur")
});

txt.focus(function() {
  evt.html("focus")
});

実行結果

Event:

非推奨

blur メソッドは非推奨である。代わりに on メソッドの使用が推奨されている。

$("#id").on("blur", function() {
  /* do something */
});

参考文献

OpenJS Foundation 2023. .blur(). jQuery API Documentation