插件窝 干货文章 使用 JavaScript 模拟键盘输入

使用 JavaScript 模拟键盘输入

keyboardevent class enter event 370    来源:    2024-10-21

在 javascript 中模拟键盘输入对于自动化任务或测试应用程序非常有用。 keyboardevent api 允许开发者以编程方式触发键盘事件。

示例

  • 下面的代码片段模拟按下 ctrl + enter 命令。 bubbles 标志确保事件在 dom 中向上移动,因此文档中更高的任何元素也可以检测到并响应它。
const event = new keyboardevent('keydown', {
  key: 'enter',
  ctrlkey: true,
  bubbles: true,
});

document.dispatchevent(event);
  • 下面的代码片段模拟在特定输入字段上按 shift + enter 命令。
const event = new KeyboardEvent('keydown', {
  key: 'Enter',
  shiftKey: true,
  bubbles: true,
});

document.querySelector('input').dispatchEvent(event);