以编程方式更改输入时，变更的解决方案不起作用

Question

我已经读过Why onchange doesn't work?，现在我知道了，

仅当用户更改输入。 如果更改输入，则不应该触发以编程方式。

但是我有一个输入字段，当用户通过网站内的Google地图小部件更改位置时，该字段会自动填充。发生这种情况时，我想获取该自动填充的值并填充另一个输入字段。 通过编程更改输入后如何检测或触发功能？

Answer 1

我不确定如果[[code更改输入的值，是否会触发任何事件。但是，您可以做的是运行一个间隔，该间隔不断地将输入的值与其先前的值进行比较，如果更改了该值，则会执行某些操作。

const inputBox = document.getElementById('my_input');
let previousValue = inputBox.value;
setInterval(() => {
  if (inputBox.value !== previousValue) {
    // fire change handler
  }
  previousValue = inputBox.value;
}, 500);

Answer 2

我不确定如果[[code更改输入的值，是否会触发任何事件。但是，您可以做的是运行一个间隔，该间隔不断地将输入的值与其先前的值进行比较，如果更改了该值，则会执行某些操作。

const inputBox = document.getElementById('my_input');
let previousValue = inputBox.value;
setInterval(() => {
  if (inputBox.value !== previousValue) {
    // fire change handler
  }
  previousValue = inputBox.value;
}, 500);