我正在尝试使用 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 实现它。）
我正在研究DOM 键盘事件级别 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：（要点）
填充演示
您是否正确调度了事件？
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) });
}
在Mozilla开发者网络提供了以下解释：
event = document.createEvent("KeyboardEvent")使用：
event.initKeyEvent (type, bubbles, cancelable, viewArg,
ctrlKeyArg, altKeyArg, shiftKeyArg, metaKeyArg,
keyCodeArg, charCodeArg)
yourElement.dispatchEvent(event)我在你的代码中没有看到最后一个，也许这就是你所缺少的。我希望这也适用于 IE...
我对此不太擅长，但是KeyboardEvent=> 看到KeyboardEvent
是用initKeyEvent.
这是在<input type="text" />元素
上发出事件的示例
document.getElementById("txbox").addEventListener("keypress", function(e) {
alert("Event " + e.type + " emitted!\nKey / Char Code: " + e.keyCode + " / " + e.charCode);
}, false);
document.getElementById("btn").addEventListener("click", function(e) {
var doc = document.getElementById("txbox");
var kEvent = document.createEvent("KeyboardEvent");
kEvent.initKeyEvent("keypress", true, true, null, false, false, false, false, 74, 74);
doc.dispatchEvent(kEvent);
}, false);<input id="txbox" type="text" value="" />
<input id="btn" type="button" value="CLICK TO EMIT KEYPRESS ON TEXTBOX" />