Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/kotlin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 对Knockout.JS输入值进行后处理_Javascript_Input_Knockout.js - Fatal编程技术网

Javascript 对Knockout.JS输入值进行后处理

Javascript 对Knockout.JS输入值进行后处理,javascript,input,knockout.js,Javascript,Input,Knockout.js,我有一个带剔除值的基本输入字段: <input type="text" data-bind="value: mytext"/> 但是,在收到“mytext”的值后,我希望对我的viewmodel执行som逻辑。 最初我想到了某种后处理事件ala“valueUpdate”,但基本上我只想在点击“enter”og“space”后运行一个函数。我是否需要编写一个新的bindingHandler,或者是否有一种更直接、更恰当的方法来完成这项工作 基本上,我试图做的是jquery/aut

我有一个带剔除值的基本输入字段:

<input type="text" data-bind="value: mytext"/>

但是,在收到“mytext”的值后,我希望对我的viewmodel执行som逻辑。 最初我想到了某种后处理事件ala“valueUpdate”,但基本上我只想在点击“enter”og“space”后运行一个函数。我是否需要编写一个新的bindingHandler,或者是否有一种更直接、更恰当的方法来完成这项工作

基本上,我试图做的是jquery/autocomplete/multible和Ryan Niemeyers击倒排序示例的组合

My位于div.item之后的div.container中,替换“添加任务”,如:


基本上我只想在点击“回车”og“空格”后运行一个函数

您可以使用
事件
绑定

ko.applyBindings({
mytext:ko.可观测(“初始值”),
handleKey:功能(数据、事件){
如果(event.keyCode==0x20){
log(“已按下空格!”);
}
返回true;
}
});

基本上我只想在点击“回车”og“空格”后运行一个函数

您可以使用
事件
绑定

ko.applyBindings({
mytext:ko.可观测(“初始值”),
handleKey:功能(数据、事件){
如果(event.keyCode==0x20){
log(“已按下空格!”);
}
返回true;
}
});

基本上我只想在点击“回车”og“空格”后运行一个函数

您可以使用
事件
绑定

ko.applyBindings({
mytext:ko.可观测(“初始值”),
handleKey:功能(数据、事件){
如果(event.keyCode==0x20){
log(“已按下空格!”);
}
返回true;
}
});

基本上我只想在点击“回车”og“空格”后运行一个函数

您可以使用
事件
绑定

ko.applyBindings({
mytext:ko.可观测(“初始值”),
handleKey:功能(数据、事件){
如果(event.keyCode==0x20){
log(“已按下空格!”);
}
返回true;
}
});



事件触发时,视野失焦是否正常?您的问题相当不清楚。它也可能是一个例子。请更新您的问题,包括更多的上下文和代码(例如,实际视图模型逻辑,包括您想要使用的“某些逻辑”),最好是对您的场景进行重演。@Wayne,我想我可以忍受失去焦点的情况。基本上,我希望enter/space创建一个对象的新实例,其中文本输入是该新对象的属性之一。“我想把新实例推到一个ko.observableArray上。@Jeroen,怎么不清楚呢?”?我在一个输入字段中有一个ko.observable,我想在空格/enter被点击后做一些后处理。现在还不清楚你的代码是什么样子,以及你为什么需要这个。有了这些信息和最少的修改(最好包括你已经尝试过的内容以及为什么这些方法不能满足你的需要),帮助会容易得多。目前已经有2个答案,我可以想出5个以上的答案,从技术上回答这个问题,但可能对你没有帮助。从现场失去焦点可以作为事件的触发因素吗?你的问题相当不清楚。它也可能是一个例子。请更新您的问题,包括更多的上下文和代码(例如,实际视图模型逻辑,包括您想要使用的“某些逻辑”),最好是对您的场景进行重演。@Wayne,我想我可以忍受失去焦点的情况。基本上,我希望enter/space创建一个对象的新实例,其中文本输入是该新对象的属性之一。“我想把新实例推到一个ko.observableArray上。@Jeroen,怎么不清楚呢?”?我在一个输入字段中有一个ko.observable,我想在空格/enter被点击后做一些后处理。现在还不清楚你的代码是什么样子,以及你为什么需要这个。有了这些信息和最少的修改(最好包括你已经尝试过的内容以及为什么这些方法不能满足你的需要),帮助会容易得多。目前已经有2个答案,我可以想出5个以上的答案,从技术上回答这个问题,但可能对你没有帮助。从现场失去焦点可以作为事件的触发因素吗?你的问题相当不清楚。它也可能是一个例子。请更新您的问题,包括更多的上下文和代码(例如,实际视图模型逻辑,包括您想要使用的“某些逻辑”),最好是对您的场景进行重演。@Wayne,我想我可以忍受失去焦点的情况。基本上,我希望enter/space创建一个对象的新实例,其中文本输入是该新对象的属性之一。“我想把新实例推到一个ko.observableArray上。@Jeroen,怎么不清楚呢?”?我在一个输入字段中有一个ko.observable,我想在空格/enter被点击后做一些后处理。现在还不清楚你的代码是什么样子,以及你为什么需要这个。有了这些信息和最少的修改(最好包括你已经尝试过的内容以及为什么这些方法不能满足你的需要),帮助会容易得多。目前已经有2个答案,我可以想出5个以上的答案,从技术上回答这个问题,但可能对你没有帮助。从现场失去焦点可以作为事件的触发因素吗?你的问题相当不清楚。它也可能是一个例子。请更新您的问题,包括更多的上下文和代码(例如,实际视图模型逻辑,包括您想要使用的“某些逻辑”),最好是对您的场景进行重演。@Wayne,我想我可以忍受失去焦点的情况。基本上,我希望enter/space创建一个对象的新实例,其中文本输入是该新对象的属性之一。这个
<div class="container">
     <div class="item" data-bind="sortable:{template:'tagsTmpl',data:myTags, allowDrop:true"></div>
     <input data-bind="value: mytext, event: {keypress: handleKey}"/>
     <!-- Line above replacing this: <a href="#" data-bind="click: $root.addTag">Add Tag</a> -->                    
 </div>