HTML 模拟键盘输入 - JavaScript 代码示例

{"title":"HTML 模拟键盘输入 - JavaScript 代码示例","description":"使用 JavaScript 模拟键盘输入到 HTML 文本框中。本文提供一个简单的示例，展示如何创建键盘事件并使用 dispatchEvent 方法触发事件，从而模拟按下 'A' 键。","keywords":"HTML, JavaScript, 键盘输入, 模拟, KeyboardEvent, dispatchEvent, 输入框, 文本框, 代码示例","content":"\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003cbody\u003e\n\n\u003cinput type\u003d"text" id\u003d"myInput"\u003e\n\n\u003cscript\u003e\nvar input \u003d document.getElementById("myInput");\n\n// 模拟按下键盘事件\nvar event \u003d new Event("keydown");\nevent.key \u003d "A";\nevent.keyCode \u003d event.key.charCodeAt(0);\ninput.dispatchEvent(event);\n\n// 模拟输入事件\nevent \u003d new Event("input");\ninput.dispatchEvent(event);\n\n\u003c/script\u003e\n\n\u003c/body\u003e\n\u003c/html\u003e\n\n上述代码中，通过JavaScript获取到输入框元素，然后创建一个键盘事件，并设置事件的键值为"A"。最后，通过dispatchEvent方法触发键盘事件和输入事件。这样就模拟了键盘输入。\n\n请注意，上述示例中只是模拟了按下"A"键，并没有模拟释放键或其他键盘事件。如果需要模拟更复杂的键盘输入，可以参考JavaScript中的KeyboardEvent对象，该对象提供了更多的键盘事件属性和方法。"}