jquery - jQuery の複数のイベント ハンドラー

Question

最後の keyup() はどういう意味ですか?

$("input").keyup(function () {
      var value = $(this).val();
      $("p").text(value);
    }).keyup();

Answer 1

ありがとう@nnnnnnサー。

コードは、keyupイベントをinputsすでにDOMに属しているすべてのものにバインドし、それらの入力に対してすぐにトリガーします。

今、

$("input").keyup(function () {
  var value = $(this).val();
  $("p").text(value);
});

keyup 上記のコードは、イベントをにバインドしinput、最後.keyup()にに初期トリガーを作成しkeyupます。

上記のコードは次のように書き直すこともできます。

$("input").keyup(function () {
      var value = $(this).val();
      $("p").text(value);
    })

$('input').keyup(); // or $('input').trigger('keyup');

---

無限ループを作成しますか？

いいえ、ページの読み込み時に1回だけトリガーされます。こちらをご覧ください

Answer 2

最初の.keyupはバインディングメソッドであり、2番目の.keyupはトリガーメソッドです。

$("input")
    .keyup(function () { // Bind on keyup
        var value = $(this).val();
        $("p").text(value);
    })
    .keyup(); // Trigger keyup