时间戳

首页 > 解决方案 > Knockout JS：函数调用两次

javascript - Knockout JS：函数调用两次

问题描述

我添加了一个文本框，我想在每个keyup应该调用的函数上都这样做。

这是我的 html 代码：

<input type="text" id="description" class="form-control" maxlength="255" data-bind="event:{keyup: doSomething},value: property1,valueUpdate:'afterkeyup'"></input>

这是我的淘汰赛 js 代码：

define(['uiComponent','ko'], function(Component,ko) {
         return Component.extend({
            defaults:{
                property1: ko.observable(),
                tracks: {
                        property1: true
                  }
            },
            initialize: function () {
                this._super();
            },
            getText: function () {
                return "call the function here..";
            },
            doSomething : function(){
                this.property1.subscribe(function(newValue){
                    console.log(newValue);
                    console.log("inside subscribe");
                });
            }
        });
});

例如：当我按下T然后它会调用一次。之后，我按Ethen 它将调用两次而不是一次。

我想在每个keyup我想获得文本框值的时候都这样做。

怎么做？

标签： javascripteventsknockout.jsevent-handlingdom-events

解决方案

有两种方式绑定和订阅事件是一种“反模式” 。

在initialzie中，为您的 observable 创建一次订阅：

initialize: function() {
  /* ... */
  this.property1.subscribe(function(newValue) { /* ... */ });
}

如果您计划稍后删除该组件，您可以存储订阅并在删除时将其丢弃。（类似于您目前在每个活动中所做的事情。）

现在，无论何时keyup发生，敲除都会value从输入中读取 ，将其写入property1，然后调用订阅的函数。

推荐阅读