在JavaScript中触发键盘事件

Question

在JavaScript中触发键盘事件

我正在尝试使用JavaScript在Safari中模拟键盘事件。

我试过这个：

var event = document.createEvent("KeyboardEvent");event.initKeyboardEvent("keypress", true, true, null, false, false, false, false, 115, 0);

......还有这个：

var event = document.createEvent("UIEvents");event.initUIEvent("keypress", true, true, window, 1);event.keyCode = 115;

但是，在尝试这两种方法之后，我遇到了同样的问题：在执行代码之后，事件对象的keyCode/ whichproperties设置为0，而不是115。

有谁知道如何在Safari中可靠地创建和发送键盘事件？（如果可能的话，我宁愿用纯JavaScript实现它。）

Answer 1

我正在研究DOM Keyboard Event Level 3 polyfill。在最新的浏览器中或使用此polyfill，您可以执行以下操作：element.addEventListener("keydown", function(e){ console.log(e.key, e.char, e.keyCode) })var e = new KeyboardEvent("keydown", {bubbles : true, cancelable : true, key : "Q", char : "Q", shiftKey : true});element.dispatchEvent(e);//If you need legacy property "keyCode"// Note: In some browsers you can't overwrite "keyCode" property. (At least in Safari)delete e.keyCode;Object.defineProperty(e, "keyCode", {"value" : 666})更新：现在我的polyfill支持遗留属性“keyCode”，“charCode”和“which”var e = new KeyboardEvent("keydown", {     bubbles : true,     cancelable : true,     char : "Q",     key : "q",     shiftKey : true,     keyCode : 81});这里的例子另外这里是与我的polyfill分开的跨浏览器initKeyboardEvent :( 要点）Polyfill 演示

Answer 2

你是否正确派遣了这个活动？function simulateKeyEvent(character) {   var evt = document.createEvent("KeyboardEvent");   (evt.initKeyEvent || evt.initKeyboardEvent)("keypress", true, true, window,                     0, 0, 0, 0,                     0, character.charCodeAt(0))    var canceled = !body.dispatchEvent(evt);   if(canceled) {     // A handler called preventDefault     alert("canceled");   } else {     // None of the handlers called preventDefault     alert("not canceled");   }}如果你使用jQuery，你可以这样做：function simulateKeyPress(character) {   jQuery.event.trigger({ type : 'keypress', which : character.charCodeAt(0) });}

Answer 3

这是由于Webkit中的一个错误。您可以使用createEvent('Event')而不是createEvent('KeyboardEvent')，然后分配keyCode属性来解决Webkit错误。请参阅此答案和此示例。