javascript - 如何在同一输入元素中绑定(bind) value 和 keydown 事件？

Question

当我将 Observable 变量绑定(bind)到 input 值以及 keydown 事件时，它不会更新可观察值

function vModel() {
  var vm = this;
  
  vm.value = ko.observable();
  vm.keyDown = function() {
    
  };
}

ko.applyBindings(new vModel());

  <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
  <input type="text" data-bind="value: value, event: {keydown: keyDown}">
  
  <span data-bind="text: value"></span>

如何在同一个输入元素中绑定(bind)value和event: {keydown: myKeyDown}？

Answer 1

您可以在事件监听器中返回 true 以确保按下按键后能够进入输入。

但是，您可能需要查看 textInput 绑定(bind) (textInput: value) 并订阅 value > 相反...

function vModel() {
  var vm = this;
  
  vm.value = ko.observable();
  vm.keyDown = function() {
    console.log("key down");
    return true;
  };
}

ko.applyBindings(new vModel());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<input type="text" data-bind="value: value, event: {keydown: keyDown}">    
<span data-bind="text: value"></span>