jquery(或纯js)模拟按下回车键进行测试

问题描述 投票:0回答:3

模拟用户按“enter”的最佳方法是什么? $(element).keypress() 似乎不允许我传递实际按下的键。

这用于单元测试。

javascript jquery testing mocking
3个回答
105
投票

演示在这里

var e = jQuery.Event("keypress");
e.which = 13; //choose the one you want
e.keyCode = 13;
$("#theInputToTest").trigger(e);

101
投票

对于那些想用纯 javascript 执行此操作的人,请查看:

使用标准键盘事件

正如 Joe 评论的那样,KeyboardEvent 现在已成为标准。

触发回车的相同示例(keyCode 13):

const ke = new KeyboardEvent('keydown', {
    bubbles: true, cancelable: true, keyCode: 13
});
document.body.dispatchEvent(ke);

您可以使用此页面帮助您找到正确的键盘事件。


过时的答案

您可以执行类似的操作(此处适用于 Firefox)

var ev = document.createEvent('KeyboardEvent');
// Send key '13' (= enter)
ev.initKeyEvent(
    'keydown', true, true, window, false, false, false, false, 13, 0);
document.body.dispatchEvent(ev);

0
投票

如何在 Visual Basic 中制作脚本来模拟网页中的 Enter 按下?

© www.soinside.com 2019 - 2024. All rights reserved.