有没有办法在脚本更改输入类型文本的值时获得通知。
我有
<input id='test' type='text' />
和一个脚本
document.getElementById('test').value = 'bbb';
我想收到有关文本更改的通知。
我知道我可以通过 keydown、keyup、onblur 等来通知我（如果我试图跟踪用户输入，这会起作用）但是如果更改是以编程方式完成的呢？
非常感谢
ps请不要JQuery，或者如果jquery可以，有人可以解释它是如何实现的。
如果您使用的是现代浏览器，则可以尝试以下操作：
var input = document.getElementById('test');
input._value = input.value;
Object.defineProperty(input, "value", {
get: function() {return this._value;},
set: function(v) {
// Do your stuff
this._value = v;
}
});
如果您实际上不希望有任何用户输入（即隐藏类型的输入字段），则此解决方案很好，因为它对DOM 基本功能具有极大的破坏性。记住这一点。
我发现最简单的方法是手动触发事件：
document.getElementById('test').value = 'bbb';
var evt = new CustomEvent('change');
document.getElementById('test').dispatchEvent(evt);
change当以编程方式更改值时，仅侦听事件很容易出错。但由于您正在更改值，添加两行并使用CustomEvent触发更改事件。
那么你将能够捕捉到这个change事件，无论是内联的：
<input id="test" onchange="console.log(this)">
或与听众：
document.getElementById('test').addEventListener('change',function(event) {
console.log(event.target);
});
这样做的好处是，如果您有一个可由用户更改的输入，则可以捕获这两个事件（来自用户或脚本）
然而，这取决于您自己以编程方式更改输入值的事实。如果您使用的库（例如datepickr）会更改您的输入值，您可能必须输入代码并在正确的位置添加这两行。
// input node reference
const inputElem = document.querySelector('input')
// bind "change" event listener
inputElem.addEventListener('change', e => console.log(e.target.value))
// programatically change the input's value every 1 second
setInterval(() => {
// generate random value
inputElem.value = Math.random() * 100 | 0;
// simulate the "change" event
var evt = new CustomEvent('change')
inputElem.dispatchEvent(evt)
}, 1000);<input>