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

我想我的问题和你的相似。但是，输入文本上的事件按键仍然不起作用

我这里的问题是如何将自定义绑定添加到输入文本框中，并在按下enter按钮时触发“something”

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

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

kendo.data.binders.keyPress=kendo.data.Binder.extend({
init：函数（元素、绑定、选项）{
kendo.data.Binder.fn.init.call（this、元素、绑定、选项）；
var binding=this.bindings.keyPress；
$（element.input）.bind（“按键”，函数（e）{
如果（e.which==13）{
binding.get（）；
}
});
},
刷新：函数（）{}
});
var viewModel=kendo.observable({
onKeyPress:函数（）{
$（“#输出”）。追加（“按键”）；
}
});
kendo.bind（$（“#app”），viewModel）；

JSIDLE代码：

---

提前感谢

问题与以下线路有关：

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

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

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