javascript - 当 <input> 值已经被另一个函数修改时如何调用 javascript 函数？

Question

第一个 keyup 事件将更改一个输入的值，但在不调用 gn() 时更改一个输入。

这是我的代码

function fn() {
  document.getElementById("one").value = "abc"
}

function gn() {
  document.getElementById("two").value = "def"
}

<input type="number" onkeyup="fn()">
<input type="number" id="one" onchange="gn()">
<input type="number" id="two">

Answer 1

第一个赋值不起作用，因为您试图将“数字”输入设置为非数字值。

第二个赋值没有起作用，因为当字段的值被脚本修改时，onchange 事件没有被触发；您必须手动创建和发送事件:

function fn() {
  // This will work because the #one input is now type="text"
  document.getElementById("one").value = "abc";

  // now create and dispatch a change event on the field you modified:
  var evt = new Event('change');
  document.getElementById("one").dispatchEvent(evt)
  // (Or, of course, just call gn() directly here.)
}

function gn() {
  document.getElementById("two").value = "def"
}

<input type="text" onkeyup="fn()">
<input type="text" id="one" onchange="gn()">
<input type="text" id="two">