在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错误。请参阅此答案和此示例。