输入时 KnockoutJS Keypress 事件的意外行为

Question

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

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

我的 HTML 标准绑定中有：

<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);
                }

这很正常，没问题..

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

我很好奇我是否遗漏了某种我应该做的默认转发？这是预期的行为吗？我觉得有点不对劲运行。

这里有一个工作示例：JSfiddle

当您在输入中输入内容时，除了我的 ring 功能外没有任何反应。

Answer 1

您需要从事件处理函数中 return 为真，以允许对输入执行默认操作。

此处演示：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;
    }

换句话说，这与您猜测的完全一样：您只需要添加一点点以确保 'default forwarding' 如您预期的那样发生。默认情况下，KO 会阻止绑定事件处理程序中的默认操作，并且通过 return 为真，您正在请求完成该默认操作。它在此处的标题注释 3 下进行了描述：

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

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

输入时 KnockoutJS Keypress 事件的意外行为

Unexpected behaviour with KnockoutJS Keypress event on input

html

javascript

data-binding

knockout.js