js自动模拟用户键盘输入/自动触发输入事件/自动触发input事件

在JavaScript中，可以使用Event接口的new InputEvent()构造函数来模拟用户的键盘输入。以下是一个简单的例子，展示如何自动触发一个输入框的input事件，并模拟键盘输入。

// 获取输入框元素
var inputElement = document.getElementById('myInput');
 
// 创建一个新的键盘事件
var keyboardEvent = new KeyboardEvent('keydown', {
    key: 'a', // 模拟键盘按键，例如'a'
    code: 'KeyA', // 键盘按键的代码
    keyCode: 65, // 旧版浏览器的按键码
    which: 65, // 新版浏览器的按键码
    bubbles: true, // 事件是否冒泡
    cancelable: true // 是否可以取消事件的默认行为
});
 
// 在输入框上触发键盘事件
inputElement.dispatchEvent(keyboardEvent);
 
// 创建一个新的input事件
var inputEvent = new InputEvent('input', {
    bubbles: true,
    cancelable: false
});
 
// 在输入框上触发input事件
inputElement.dispatchEvent(inputEvent);
 
// 如果你想要模拟实际的输入，可以这样做
inputElement.value = 'Hello, world!';
 
// 创建一个新的input事件并触发，以通知任何监听器值已更改
inputElement.dispatchEvent(new InputEvent('input', {
    bubbles: true,
    cancelable: false
}));

在上面的代码中，我们首先获取了一个输入框的引用，然后创建了一个KeyboardEvent来模拟键盘按下事件，并在输入框上调用了dispatchEvent方法来触发这个事件。接下来，我们创建了一个InputEvent来表示输入框的值已经改变，并同样在输入框上触发了这个事件。最后，我们直接设置输入框的value属性，并触发了一个input事件，以模拟用户实际的输入。