关于javascript:jquery(或纯js)模拟按下Enter键进行测试

jquery (or pure js) simulate enter key pressed for testing

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

这是用于单元测试。


在这里演示

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


对于那些想要用纯JavaScript做到这一点的人,请查看:

过时的:

  • IE9 +,Chrome和Safari的initKeyboardEvent
  • Firefox的initKeyEvent

您可以执行类似操作(对于Firefox,请点击此处)

1
2
3
4
5
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);

更新:

正如Joe所说,KeyboardEvent现在是标准的。

触发回车的相同示例(键代码13):

1
2
3
4
const ke = new KeyboardEvent("keydown", {
    bubbles: true, cancelable: true, keyCode: 13
});
document.body.dispatchEvent(ke);

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