堆栈溢出中有很多关于此的内容，但似乎没有一个适用于我的情况。我有一个输入文本字段，我想模拟按键事件来填充文本字段。
原因：我在不提供 API 的 Web 界面上自动执行大量数据输入任务。使用更改输入字段.value不会触发界面的 JS 端（角度）。这就是为什么我想模拟按键事件。
首先我试过这个：
var inp = document.getElementById('rule-type');
inp.dispatchEvent(new KeyboardEvent('keypress',{'key':'a'}));
然后我在 Chrome 中学习了key并且code保持为 0 并且在KeyBoardEvent.
所以我创建了单独的事件 ev = new KeyboardEvent('keypress',{'key':'a', 'code': 'KeyA'})
然后我再次调度，返回语句是true但它没有改变输入字段。
解决方案需要使用纯 javascript 而不是 jQuery。
您将无法触发会导致文本填充输入的事件。请参阅MDN 中的此片段：
注意：手动触发事件不会生成与该事件关联的默认操作。例如，手动触发按键事件不会导致该字母出现在焦点文本输入中。对于 UI 事件，出于安全原因，这很重要，因为它可以防止脚本模拟与浏览器本身交互的用户操作。
最好的办法可能是设置该值，然后调度一个事件。
恕我直言，你对这一切都错了。Angular 不是“听”keypress之类的。它正在侦听change和input事件。请参阅下面的示例。它可以（诚然，它很简单）满足您的需求。
var iButton = document.getElementById('inputButton');
iButton.addEventListener('click', simulateInput);
var cButton = document.getElementById('changeButton');
cButton.addEventListener('click', simulateChange);
function simulateInput() {
var inp = document.getElementById('name');
var ev = new Event('input');
inp.value =inp.value + 'a';
inp.dispatchEvent(ev);
}
function simulateChange() {
var inp = document.getElementById('name');
var ev = new Event('change');
inp.value = 'changed';
inp.dispatchEvent(ev);
}<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="">
<p>Input something in the input box:</p>
<p>Name : <input id="name" type="text" ng-model="name" placeholder="Enter name here"></p>
<h1>Hello {{name}}</h1>
</div>
<button id="inputButton">I simulate the "input" event.</button>
<button id="changeButton">I simulate the "change" event.</button>