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

2023-07-27

次のようなJavaScriptのコードで、jQueryのchange()メソッドと同様の動作を実装することができます。

// テキストフィールドの要素を取得
var textField = document.getElementById("myTextField");

// change イベントのリスナーを追加
textField.addEventListener("change", function() {
	// 変更があった場合の処理をここに書く
	console.log("変更がありました。");
});

このコードでは、idがmyTextFieldのテキストフィールド要素に対してchangeイベントのリスナーを追加しています。テキストフィールドの値が変更された際には、指定した処理が実行されます。この例では、単純にコンソールにメッセージを表示していますが、必要に応じて処理を追加してください。

もちろん、このコードはaddEventListenerを使った一般的なJavaScriptのイベント処理方法です。プロジェクトの要件や使用しているフレームワークによって、より最適な方法が異なる場合もあります。