入力値が変化したときにイベントをトリガーするようにjqueryを設定する方法-フロントエンドQ&A-php.cn

入力値が変化したときにイベントをトリガーするようにjqueryを設定する方法

WBOY

リリース： 2022-05-17 11:05:02

オリジナル

8567 人が閲覧しました

jquery では、change() メソッドを使用して、入力値が変更されたときにトリガーされるイベントを設定できます。このメソッドは、要素の値が変更されたときに変更イベントが発生するように設定するために使用されます。イベント発生時に実行する関数も指定できます。構文は「入力要素 object.change (イベントトリガーコード)」です。

入力値が変化したときにイベントをトリガーするようにjqueryを設定する方法

このチュートリアルの動作環境: 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を設定する方法