ホームページ > 記事 > ウェブフロントエンド > 入力値が変化したときにイベントをトリガーするようにjqueryを設定する方法
入力値が変化したときにイベントをトリガーするようにjqueryを設定する方法
- WBOYオリジナル
- 2022-04-18 11:43:078536ブラウズ
jquery では、change() メソッドを使用して、入力値が変更されたときにトリガーされるイベントを設定できます。このメソッドは、要素の値が変更されたときに変更イベントが発生するように設定するために使用されます。イベント発生時に実行する関数も指定できます。構文は「入力要素 object.change (イベント トリガー コード)」です。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
入力値が変更されたときにイベントをトリガーするように jquery を設定する方法
要素の値が変更されたときに変更イベントが発生します (フォーム フィールドにのみ適用されます)。
change() メソッドは、変更イベントをトリガーするか、変更イベントの発生時に実行する関数を指定します。
注: select 要素とともに使用すると、オプションが選択されたときに変更イベントが発生します。テキストフィールドまたはテキストエリアで使用すると、要素がフォーカスを失ったときに変更イベントが発生します。
構文
選択した要素の変更イベントをトリガーします:
$(selector).change()
変更イベントに関数を追加します:
$(selector).change(function)
function オプション。選択した要素に対して変更イベントが発生したときに実行される関数を指定します。
例は次のとおりです。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("input").change(function(){
alert("文本已被修改");
});
});
</script>
</head>
<body>
<input type="text">
<p>在输入框写一些东西，然后按下 enter 键或点击输入框外部。</p>
</body>
</html>出力結果:
テキストの内容を変更した後:
推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル
以上が入力値が変化したときにイベントをトリガーするようにjqueryを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。