如何在Cypress中触发网页全局键盘按键事件？

完全可以通过trigger()函数实现该需求，也可以使用更简便的内置type()命令完成，两种方案的实现逻辑都是将按键事件绑定到页面全局根元素（body/document）上触发，具体操作如下：

方案1：使用trigger()函数实现 #

如果需要单独控制触发的按键事件类型（keydown/keypress/keyup），可以用trigger()自定义触发：

// 1. 导航到目标网页
cy.visit('替换为你的目标页面地址')

// 2. 给全局body元素触发对应按键事件
// 示例：模拟按下字母a的keydown事件，替换a为你需要的指定字母即可
cy.get('body').trigger('keydown', { key: 'a' })

// 可根据网页实际监听的事件类型修改事件名：
// 触发keypress事件：cy.get('body').trigger('keypress', { key: 'a' })
// 触发keyup事件：cy.get('body').trigger('keyup', { key: 'a' })

// 如需搭配修饰键使用，可额外传入对应参数，示例：模拟按下ctrl+a
// cy.get('body').trigger('keydown', { key: 'a', ctrlKey: true })

方案2：使用type()命令实现（更贴近真实操作） #

Cypress的type()命令支持作用于非输入类元素，默认会触发完整的按键事件流，写法更简洁：

cy.visit('替换为你的目标页面地址')
// 直接给body输入指定字母即可触发全局按键检测
cy.get('body').type('a')

// 带修饰键的示例：模拟按下ctrl+a
// cy.get('body').type('{ctrl}a')

注意事项 #

如果目标网页的按键监听逻辑绑定在body之外的特定元素上，将上述代码中的body替换为对应元素的选择器即可。

内容的提问来源于stack exchange，提问作者Hamza