敲除获取文本框的旧值答案

【问题标题】：knockout get old value of the text box敲除获取文本框的旧值
【发布时间】：2015-06-15 11:34:21
【问题描述】：

我正在使用映射插件。每当有人从文本框中移开焦点时，我都会有一个 on 'blur' 事件。我想知道旧值是否与新值不同。这适用于“输入”键。出于某种原因，每当我更改值并按回车键时，我都会第一次得到这个控制台输出； '旧值 |新值”。然而，当“模糊”触发时，情况并非如此。我得到'newValue |新价值'

怎么来的？如何获得模糊的新旧值？

HTML：

<input class="percent-text" data-bind="text: Percent, value: Percent, event: { keypress: $root.percentUpdate, blur: $root.percentUpdate }" type="number" min="1" max="100" oninput="maxlength(this)" maxlength="3" />

淘汰赛：

    self.percentUpdate = function (data, event) {
        if (event.keyCode === 13 || event.type == 'blur') {
            var $target = $(event.currentTarget);
            console.log(data.Percent() + " | " + event.target.value); 
        }
        return true;
    };

【问题讨论】：

您是在尝试在 Percent 更新时收到通知吗？
没有。我想要模糊事件触发后的实际旧值和新值

标签： knockout.js knockout-mapping-plugin

【解决方案1】：

您可以使用您的方法来做到这一点（我有一个成功的测试用例），但正如@AnotherDev 所说，使用内置工具更简单。在 subscribe 函数中，您可以访问值 before 或 after 它被更改，并据此采取行动。如果您希望之后仍然能够检索以前的值，您可以通过缓存前面的值，甚至所有前面的值（在一个数组中）轻松地做到这一点。请注意，cachedPercent(s) 在小提琴中可见的唯一原因是更新 viewModel JSON；在一个真正的应用程序中，我会使用普通数组/数字（以及私有变量中的ev）。

在下面的小提琴中测试它；使用这种方法，ENTER 键功能只需要手动调用valueHasMutated 来通知订阅功能。

function App(percent) {
  var self = this;
  this.cachedPercent = ko.observable(percent || 0);
  this.cachedPercents = ko.observableArray([percent || 0]);
  this.PercentRaw = ko.observable(percent || 0);
  // Percent stores an integer, and is ratelimited to make sure
  // that the value isn't stored 1000x every time the user increments
  this.Percent = ko.computed(function() { 
    return parseInt(self.PercentRaw()); 
  }).extend({rateLimit: 500});
  this.storePercents = this.Percent.subscribe(function(oldVal) {
    // delete this if clause if you want to manually check somewhere else
    // because this tells JS not to store any value when similar to the previous one
    if (self.cachedPercent() !== oldVal) {
      self.cachedPercent(self.Percent());
      self.cachedPercents.splice(0, 0, self.Percent());
    }
  }, null, 'beforeChange');
}
ko.applyBindings(new App(50));

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>

<input data-bind="value: PercentRaw, 
                  event: {keydown: function(d, e) { if (e.keyCode === 13) PercentRaw.valueHasMutated(); } " type="number" min="1" max="100" maxlength="3" class="percent-text" />

<pre data-bind="text: ko.toJSON($root, null, 2)"></pre>

【讨论】：

【解决方案2】：

Knockout 会更新 blur 的值，并且该值可能会在您的 blur 事件之前得到更新。我不确切知道您要做什么，但我会考虑使用 .subscribe 和 .subscribe 与 beforeChange。

http://knockoutjs.com/documentation/observables.html

例如

data.Percent.subscribe(function(newValue) {
    alert(newValue)
});

和

data.Percent.subscribe(function(oldValue) {
        alert(oldValue)
    }, null, "beforeChange");

【讨论】：