javascript - 使用 JavaScript 在 Safari 中触发键盘事件

Question

我正在尝试使用 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/which 属性被设置为 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
});

示例 here

此外，这里还有跨浏览器的 initKeyboardEvent，与我的 polyfill 分开:(gist)

填充 demo