javascript - 输入时 KnockoutJS 按键事件的意外行为

Question

我在搜索类型的输入上绑定(bind)了一个事件，这是为了向服务器端触发搜索并在用户键入时填充列表。

那部分很好，我已经使用纯 JavaScript 建立了一个骨架示例，当需要集成到 knockout 中时，我遇到了一个奇怪的问题。

我的 HTML 中有标准绑定(bind):

<input data-bind="event:{keypress:ring}" type="text" />

对于这个例子，我的响铃功能将在按下按键时简单地记录一些内容:

ring: function (event) {
            this.triggered(this.triggered() + 1);
            var msg = "Keypress binding called " + this.triggered() + " time(s).";
                    console.log(msg);
                } 

这都是正常的，没有问题..

问题是输入值/字符串没有被更新。它只是保持空白，就好像我没有按任何东西一样。

我很好奇我是否缺少某种我应该做的默认转发？这是预期的行为吗？我觉得有点奇怪。

这里有一个工作示例:JSfiddle

当您在输入中键入内容时，除了我的 ring 功能之外，什么也没有发生。

Answer 1

您需要从事件处理函数返回 true，以允许对输入执行默认操作。

此处演示:http://jsfiddle.net/szcuyq13/1/

    ring: function (event) {
        this.triggered(this.triggered() + 1);
        var msg = "Keypress binding called " + this.triggered() + " time(s).";
        console.log(msg);
        return true;
    } 

换句话来说，这正是您所猜测的:您只需要添加一点内容即可确保“默认转发”按您的预期发生。默认情况下，KO 会阻止绑定(bind)事件处理程序中的默认操作，并且通过返回 true，您将请求完成该默认操作。此处的注释 3 标题下对此进行了描述:

http://knockoutjs.com/documentation/event-binding.html

该注释还解释了 KO 这样做的原因，当您将其与 anchor 和点击一起考虑时，这是有道理的。