如何检测输入字段上的编程值变化

我已经阅读了关于这个主题的几个问题^{[1]， [2]， [3]}，但似乎没有一个提供这个问题的一般解决方案。所有的答案似乎都指向一些具体的案例。

我有这个简单的输入字段

<input type="number" id="inputBox" min="0" max="255" step="1" />

，我对它做了严格的输入验证:

inputBox.addEventListener("input", function () {
    validateInput(this);
});
inputBox.addEventListener("keydown", function (e) {
    validateInput(this, e);
});
function validateInput(elm, e) {
    // handle keydown event
    if (e) {
        // do not allow floating-point numbers, if it's not expected
        if (!isFloat(elm.step)) {
            if (e.key == ".") {
                e.preventDefault();
            }
        }
    }
    // handle input event
    else {
        // do not allow leading zeros
        while (elm.value.length > 1 && elm.value[0] === "0") {
            elm.value = elm.value.toString().slice(1);
        }
        // input should be between min and max
        if (elm.validity.rangeUnderflow) {
            elm.value = elm.min;
        }
        else if (elm.validity.rangeOverflow) {
            elm.value = elm.max;
        }
    }
}

对于用户输入，所有这些似乎都工作得很好。

var inputBox = document.getElementById("inputBox");
inputBox.addEventListener("input", function() {
  validateInput(this);
});
inputBox.addEventListener("keydown", function(e) {
  validateInput(this, e);
});
function validateInput(elm, e) {
  // handle keydown event
  if (e) {
    // do not allow floating-point numbers, if it's not expected
    if (!isFloat(elm.step)) {
      if (e.key == ".") {
        e.preventDefault();
      }
    }
  }
  // handle input event
  else {
    // do not allow leading zeros
    while (elm.value.length > 1 && elm.value[0] === "0") {
      elm.value = elm.value.toString().slice(1);
    }
    // input should be between min and max
    if (elm.validity.rangeUnderflow) {
      elm.value = elm.min;
    } else if (elm.validity.rangeOverflow) {
      elm.value = elm.max;
    }
  }
}
function isFloat(f) {
  var f = parseFloat(f);
  var floor = Math.floor(f);
  var fraction = f - floor;
  if (fraction > 0) {
    return true;
  }
  return false;
}

<input type="number" id="inputBox" min="0" max="255" step="1" />

但是用户仍然可以通过编程方式修改输入字段的值。用户可以通过控制台输入以下值来绕过验证，这些值是无效的/意外的值:

inputBox.value = "005";
inputBox.value = "2.5"
inputBox.value = "-05.5";

理想的解决方案是，如果用户使用inputBox.value更改字段值，则调用函数(例如validateProgrammaticInput())。

inputBox.value = -10; // magically call validateProgrammaticInput()

_{注意:我没有使用表单。没有提交按钮。这不会被发送到服务器。这是一个客户机应用程序。应该实时验证价值。如果I希望以编程方式修改字段值，我可以在代码中触发一个自定义事件来验证输入，但事实并非如此。我想要的是验证输入，如果用户以编程方式输入的话。所以我的用例与问题无关。}