javascript - onChangeイベントのトリガーに失敗しました

Question

このコードは、クラス「widget」でHTML要素のコンテンツを検索し、jQuery関数を使用してfadeIn()、fadeOut()検索語に一致する要素のみを表示するためのものです。検索ボックスの変更イベントに割り当てていないため、検索機能を割り当てる方法がわかりません。onchange=jQueryの同等のものは何ですか？私の現在のコード：

function search(text, elements) {
    var term = text.value.toLowerCase();
    var elms = $(elements);
    var elm;
    for (var i = elms.length; i > 0; i-=1){
        elm = elms.get(i);
        if (elm.text().toLowerCase().indexOf(term)>=0 ) {
            elm.fadeOut(500);
        } else {
            elm.fadeIn(500);
        }

    }
}

そして、onchangeをトリガーするための失敗したインラインスクリプト：

<script type="text/javascript">
    $(document).ready(function() {
    $("#search").change(function() {
            search($("#search").text(),".widget");
        });
    });

Answer 1

changeの代わりにkeyup（）を使用します。Changeはblurでのみ発生します。

Answer 2

$（ "＃search"）。change（function（）{search（$（ "＃search"）。text（）、 "。widget"）;}）;

.change（）はJQueryの.on（）関数への参照であるため、必要に応じて次のように書き直すことができます。

$（ "＃search"）。on（'change'、function（）{search（$（this）.val（）、 "。widget"）;}）;