js - 在不指定元素的情况下模拟按键

Question

我想在js中模拟按键。 最好不指定任何元素。

我想做的方式是在输入上使用 .focus() 然后模拟像字符“a”这样的按键。

如果我自己按下键会发生同样的事情。

通过互联网搜索我没有找到解决方案。 它可能与模拟事件和输入字段的组合有关。 有时我可以捕捉到事件，但输入字段中没有输入。

非常感谢您的帮助。

编辑1：这不应该被认为是重复的： 是否可以以编程方式模拟按键事件？

因为这并不能解决我的问题。 我已经试过了。

编辑2：请不要仅仅因为您不知道如何回答这个问题而对这个问题投反对票。

Answer 1

如果您拥有或可以包括jQuery，这是简单的方法

使用jQuery

jQuery.event.trigger({ type: 'keydown', which: 78 }); // press n key

要模拟输入字段中的keypress事件，请像这样使用

var e = jQuery.Event("keydown");
e.which = 78; // n code value
e.altKey = true; // Alt key pressed
$("#inputBox").trigger(e);

没有jQuery

var kbEvent= document.createEvent("KeyboardEvent");
var initMethod = typeof kbEvent.initKeyboardEvent !== 'undefined' ? "initKeyboardEvent" : "initKeyEvent";

kbEvent[initMethod](
                   "keydown", // event type : keydown, keyup, keypress
                    true, // bubbles
                    true, // cancelable
                    window, // viewArg: should be window
                    false, // ctrlKeyArg
                    false, // altKeyArg
                    false, // shiftKeyArg
                    false, // metaKeyArg
                    78, // keyCodeArg : unsigned long the virtual key code , else 0
                    0 // charCodeArgs : unsigned long the Unicode character associated with the depressed key, else 0
);
document.dispatchEvent(kbEvent);

上面的代码实际上不会为您修改输入值，它将仅模拟击键

有关更多信息，请参见这篇文章。 如何使用jQuery模拟输入字段中的键入？

您需要的是： fn.sendKeys

Answer 2

我在是否可以以编程方式模拟按键事件中写了这个答案？ ，自提出此问题（2018 年）以来已更新，现在还包括一些有关更新输入元素和触发侦听器的信息（剧透警报，有时可能很容易，有时更难，或者有时不可行） .

关于“不指定元素”，您需要一个eventTarget （如元素） dispatchEvent 。 如果你不使用任何，那么你在全局对象中运行它，相当于浏览器中的window.dispatchEvent() 。

注意：当您指定一个元素时，由于事件冒泡，该事件也可以触发其他元素（父级）中的侦听器