javascript - 在 Knockout JS 中使用按键事件

Question

我正在尝试读取 html 文本框的内容并从 API 获取数据以完成 google 样式的自动完成。我正在使用 twitter bootstrap typeahead 来实现自动完成功能。为此，我需要在按键被按下时记录下来，并使用查询文本进行 API 调用。

文本框的html是这样的

<input id="query" data-bind="value: query, valueUpdate: 'keypress', event: { keypress: check }"/>

我的假设是，一旦按下键，这将更新 View 模型中的值，同时 check 函数将调用 API。但是调用了 check() 并且当用户键入时文本框永远不会被填充。如果 JS 看起来像这样 -

function check() {
    alert("Hello");     
    }

对于我按下的每个键，hello 都会弹出，但 HTML UI 中的文本框不显示按下的键/不记录按下的键。如何记录按键并同时发送请求？

Answer 1

1. 确保查询是可观察的
2. 使用 valueUpdate = 'afterkeydown'
3. 使用事件:{'keyup':检查}:

此外，如果可能，我会使用 console.log 而不是警报，并记录查询，以便您可以确保值正在更新。 :) 你也想像这样记录事件

function check(data, event) {
    console.log(event);
}

这会告诉你你按下的键的键码