knockout.js - 入力タグのテキストが変更されたときにアラートを出す方法

Question

入力テキストの実際のテキストを警告する関数を起動できるかどうかを知りたいと思いました。

たとえばのように

<input type="text" data-bind="value: searchText"/>

ここで、入力ボックスに何かを書き込むと、入力ボックスのフォーカスを外すことなく、入力ボックスに書き込んだ値でメッセージボックスを起動する関数を呼び出す必要があります。

Answer 1

値バインディングvalueUpdateのオプションを探していると思います。ここでは、デフォルトの変更イベントの代わりに、オブザーバブルを更新するための他のイベントを指定できます。

<input type="text" data-bind="value: searchText, valueUpdate: 'afterkeydown'"/>

次に、searchTextの変更を購読します

this.searchText.subscribe(function(newValue) {
   //Do something when the user types soemthing
});

ただし、すべてのキーストロークでイベントを発生させないようにするには、スロットル エクステンダーが必要になる場合があります。

this.searchText = ko.observable('').extend({ throttle: 500 });