jQueryオブジェクト .focus()

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

概要

jQueryObject.focus(handler)

引数

handler

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

使用例

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

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:

非推奨

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

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

参考文献

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