是否可以在JavaScript中以编程方式模拟按键事件?
当前回答
让它工作的关键部分是认识到charCode, keyCode和这些都是不推荐的方法。因此，如果处理按键事件的代码使用这三个中的任何一个，那么它将收到一个伪答案(例如，默认值为0)。
只要使用非弃用的方法(如key)访问按键事件，就应该没问题。
为了完成，我添加了触发事件的基本Javascript代码:
const rightArrowKey = 39 const event = new KeyboardEvent('keydown'，{'key':rightArrowKey}) document.dispatchEvent(事件)
其他回答
我知道这个问题要求一个javascript的方式来模拟一个按键。但是对于那些正在寻找jQuery方法的人来说:
var e = jQuery.Event("keypress");
e.which = 13 //or e.keyCode = 13 that simulates an <ENTER>
$("#element_id").trigger(e);
这对我来说是有效的，它确实为我的textaera模拟了一个按键。如果你想在整个页面中使用它，只需将KeySimulation()放在<body>上，就像这样<body onmousemove="KeySimulation()“>或如果不是onmousemove，那么onmouseover或onload也可以。
function KeySimulation() { var e = document.createEvent("KeyboardEvent"); if (e.initKeyboardEvent) { // Chrome, IE e.initKeyboardEvent("keyup", true, true, document.defaultView, "Enter", 0, "", false, ""); } else { // FireFox e.initKeyEvent("keyup", true, true, document.defaultView, false, false, false, false, 13, 0); } document.getElementById("MyTextArea").dispatchEvent(e); } <input type="button" onclick="KeySimulation();" value=" Key Simulation " /> <textarea id="MyTextArea" rows="15" cols="30"></textarea>
本地JavaScript与TypeScript支持的解决方案:
键入keyCode或您正在使用的任何属性，并将其转换为KeyboardEventInit
例子
const event = new KeyboardEvent("keydown"， { 38岁的键码: } as KeyboardEventInit);
如果你可以使用jQuery 1.3.1:
函数simulateKeyPress(字符){ jQuery.event.trigger ({ 类型:键盘按键, 其中:character.charCodeAt (0) })； ｝ $(函数(){ 美元(的身体).keypress(函数(e) { 警报(e.which); })； simulateKeyPress(“e”); })； < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/1.3.1/jquery.min.js " > > < /脚本
在某些情况下，按键事件不能提供所需的功能。从mozilla文档中我们可以看到该特性已被弃用:
不再推荐使用此特性。虽然一些浏览器可能仍然支持它，但它可能已经从相关的网络标准中删除了，可能正在被删除的过程中，或者可能只是为了兼容性的目的而保留。避免使用它，并尽可能更新现有代码;请参阅本页底部的兼容性表，以指导您的决定。请注意，此功能可能在任何时候停止工作。
因此，由于按键事件是由两个随后触发的事件keydown和接下来的同一个按键的keyup组合而成的，只需一个接一个地生成事件:
element.dispatchEvent(new KeyboardEvent('keydown',{'key':'Shift'}));
element.dispatchEvent(new KeyboardEvent('keyup',{'key':'Shift'}));
