jQueryのblur()をJavaScriptで実装するサンプルコード

2023-07-27

blur()関数は、指定した要素からフォーカスが外れたときに実行されるイベントハンドラです。以下は、JavaScriptでblur()の動作を模倣するサンプルコードです。

// blur()を実装する関数
function blurHandler() {
	// 実行したい処理をここに記述します
	console.log("要素からフォーカスが外れました");
}

// blurイベントハンドラを登録する要素を取得
var element = document.getElementById("yourElementId");

// focusoutイベントリスナーを追加
element.addEventListener("focusout", blurHandler);

上記のコードでは、blurHandler()という関数を定義し、実行したい処理をその中に記述します。次に、getElementById()メソッドを使用して要素を取得し、addEventListener()メソッドを使用してfocusoutイベントリスナーを追加します。focusoutイベントは、要素からフォーカスが外れたときに発生します。

このサンプルコードでは、要素のIDが "yourElementId" であると仮定しています。実際の要素のIDに合わせてコードを変更してください。また、blurHandler()関数内のコンソール出力は、必要に応じて適切な処理に置き換えてください。