在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实现它.)

1> termi..：

---

我正在研究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 演示

2> tyronegcarte..：

---

你是否正确派遣了这个活动？

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) });
}

---

initKeyboardEvent在Chromium中也不起作用.`event.keyCode`和`event.which`总是返回0.这是[已知错误](https://code.google.com/p/chromium/issues/detail?id=327853),解决方法是使用常规事件`var event = document.createEvent('Event'); event.initEvent('keydown',true,true); event.keyCode = 76;`

---

**Downvoted**:`initKeyEvent`和`initKeyboardEvent`是**弃用**.

---

是否可以用此模拟控制+ C(复制快捷方式)？

3> John..：

---

这是由于Webkit中的一个错误.

您可以使用createEvent('Event')而不是createEvent('KeyboardEvent'),然后分配keyCode属性来解决Webkit错误.请参阅此答案和此示例.

4> Javache..：

---

在Mozilla开发者网络提供了以下解释:

使用创建事件 event = document.createEvent("KeyboardEvent")

初始化关键事件

使用:

event.initKeyEvent (type, bubbles, cancelable, viewArg, 
       ctrlKeyArg, altKeyArg, shiftKeyArg, metaKeyArg, 
           keyCodeArg, charCodeArg)

使用发送事件yourElement.dispatchEvent(event)

我没有在你的代码中看到最后一个,也许这就是你所缺少的.我希望这也适用于IE ...

---

`.initKeyEvent`现已弃用

---

不幸的是,Mozilla的实现是非标准的.至于第3点,我的问题是创建正确的事件 - 在此之后调度事件.此外,由于我正在为Apple的仪表板开发,我根本不用担心IE!(放屁!)