输入上的按键自定义绑定在 kendo ui mvvm 中仍然不起作用

Question

我认为我的问题与this 类似。但是，输入文本上的事件按键仍然无效。

我的问题是如何在输入文本框中添加自定义绑定并在按下回车按钮时触发“某事”。

当目标是剑道小部件时，这是另一个sample；它正在工作。

HTML 代码：

<div id="app">
    <input type="text" data-bind="keyPress: onKeyPress" />
    <div id="output"></div>
</div>

Java 脚本代码：

kendo.data.binders.keyPress = kendo.data.Binder.extend({
init: function (element, bindings, options) {
    kendo.data.Binder.fn.init.call(this, element, bindings, options);
    var binding = this.bindings.keyPress;
    $(element.input).bind("keypress", function (e) {
        if (e.which == 13) {
            binding.get();
        }
    });
    },
    refresh: function () { }
});

var viewModel = kendo.observable({
    onKeyPress: function () {
        $("#output").append("<div>keyPress</div>");
    }
});
kendo.bind($("#app"), viewModel);

Jsfiddle 代码： http://jsfiddle.net/ikomangmahendra/4uL8Y/2/

提前致谢

Answer 1

问题与以下行有关：

before:
$(element.input).bind("keypress", function (e) {

after:
$(element).bind("keypress", function (e) {

我应该将事件绑定到元素，而不是 element.input。