jquery - テキストボックス内のテキストが変更されたときに呼び出されるイベントは何ですか?

Question

$(document).delegate("input#search-champions", "change", function(e)

内部の値を変更するたびにsearch-champions、テキストボックスの外側をクリックして機能させる必要があります。テキストボックス内の値が変更されるたびに関数を実行したい。

名前は忘れましたが、Google が検索に使用しているシステムと同じです。A と書くと、A の結果が表示されます。

Answer 1

keyup代わりにイベントにバインドしてみてください:

$(document).delegate("#search-champions", 'keyup', function(e)

ところで、セレクターの先頭にinputID を追加する必要はありません。とにかく ID は一意である必要があります。

Answer 2

テキストボックスの変更イベントは機能しません。代わりに、キーアップまたはキープレスイベントを使用できるように変更します。あなたが望むものは、オートコンプリートと呼ばれます。それを行う最善の方法は、キーアップイベントです

$(document).delegate("input#search-champions", "keyup", function(e){
var elm=$(this);
var str=elm.val();
//now you can get word starting from a either from some array or server call or ajax.

});

jquery ui を使用している場合。オートコンプリート機能があります。

http://jqueryui.com/autocomplete/

$(document).delegate("input#search-champions", "change", function(e)