jquery（或纯js）模拟按下输入键进行测试

Question

模拟用户按“输入”的最佳方法是什么？ $（element）.keypress（）似乎不允许我传入被按下的实际键。

这是用于单元测试。

Answer 1

Demo Here

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

Answer 2

对于那些想要在纯JavaScript中执行此操作的人，请查看：

---

<强>过时：

• initKeyboardEvent适用于IE9 +，Chrome和Safari
• initKeyEvent适用于Firefox

您可以执行类似（此处为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);

---

<强>更新：

正如Joe所说，KeyboardEvent现在已成为标准。

触发输入（keyCode 13）的相同示例：

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

您可以使用this page帮助您找到合适的键盘事件。