Disparando um evento de teclado em JavaScript

Eu estou tentando simular um evento de teclado no Safari usando JavaScript.

Eu tentei isso:

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

… e também isso:

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

Depois de tentar as duas abordagens, no entanto, tenho o mesmo problema: depois que o código foi executado, o keyCode / which propriedades do object de evento são definidas como 0 , não como 115 .

Alguém sabe como criar e despachar de forma confiável um evento de teclado no Safari? (Eu preferiria alcançá-lo em JavaScript simples, se possível.)

Você despachou o evento corretamente?

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

Se você usa o jQuery, você poderia fazer:

 function simulateKeyPress(character) { jQuery.event.trigger({ type : 'keypress', which : character.charCodeAt(0) }); } 

Eu estou trabalhando em polyfill DOM Keyboard Event Level 3 . Nos navegadores mais recentes ou com este polyfill, você pode fazer algo assim:

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

ATUALIZAR:

Agora meu polyfill suporta propriedades herdadas “keyCode”, “charCode” e “which”

 var e = new KeyboardEvent("keydown", { bubbles : true, cancelable : true, char : "Q", key : "q", shiftKey : true, keyCode : 81 }); 

Exemplos aqui

Além disso, aqui está o initKeyboardEvent entre navegadores, separadamente do meu polyfill: (gist)

Demonstração Polyfill

Isto é devido a um bug no Webkit.

Você pode contornar o bug do Webkit usando createEvent('Event') vez de createEvent('KeyboardEvent') e, em seguida, atribuindo a propriedade keyCode . Veja esta resposta e este exemplo .

A Mozilla Developer Network fornece a seguinte explicação:

  1. Crie um evento usando event = document.createEvent("KeyboardEvent")
  2. Inicie o keyevent

usando:

 event.initKeyEvent (type, bubbles, cancelable, viewArg, ctrlKeyArg, altKeyArg, shiftKeyArg, metaKeyArg, keyCodeArg, charCodeArg) 
  1. Despachar o evento usando yourElement.dispatchEvent(event)

Eu não vejo o último em seu código, talvez seja o que você está perdendo. Espero que isso funcione no IE também …

Eu não sou muito bom com isso, mas KeyboardEvent => ver KeyboardEvent é inicializado com initKeyEvent .
Aqui está um exemplo para o evento de emissão no elemento

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