Yocker
  1. Yocker
  3. Sparare un evento della tastiera in JavaScript
Intereting Posts
Come proteggi il tuo software dalla distribuzione illegale? Come posso scrivere un output colorato veloce su Console? Aggiunta dynamic di un modulo a un formset Django con Ajax Sposta GameObject avanti e indietro Visualizzazione di caratteri arabi nell’applicazione console C # Come crei un “reverse pivot” in Fogli Google? Come posso passare parametri extra alle UDF in SparkSql? jQuery differenza tra modifica e clic evento della casella di controllo Posso leggere la parte hash dell’URL sulla mia applicazione lato server (PHP, Ruby, Python, ecc.)? Come posso iniettare in @FacesConverter? Spring non può autowire il bean Mappa Vuoi invocare un comando di shell linux da Java Mixin vs. Tratti Perché PerThreadLifetimeManager è utilizzato in questo esempio? iPhone: elimina più ViewControllers

Sparare un evento della tastiera in JavaScript

Sto cercando di simulare un evento tastiera in Safari utilizzando JavaScript.

Ho provato questo: 

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

… e anche questo: 

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

Dopo aver provato entrambi gli approcci, tuttavia, ho lo stesso problema: dopo che il codice è stato eseguito, il keyCode / which proprietà dell’object evento sono impostate su 0 , non 115 .

Qualcuno sa come creare e inviare in modo affidabile un evento di tastiera in Safari? (Preferirei ottenerlo in un semplice JavaScript, se ansible).

Hai inviato correttamente l’evento? 

 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 usi jQuery, puoi fare: 

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

Sto lavorando al polyfill Event Level 3 su DOM Keyboard . Nei browser più recenti o con questo polyfill puoi fare qualcosa del genere: 

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

AGGIORNARE:

Ora il mio polyfill supporta le proprietà legacy “keyCode”, “charCode” e “which” 

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

Esempi qui

Inoltre qui è crossKeyboardEvent cross-browser separatamente dal mio polyfill: (gist)

Demo Polyfill

Ciò è dovuto a un bug in Webkit.

È ansible aggirare il bug di Webkit utilizzando createEvent('Event') piuttosto che createEvent('KeyboardEvent') e quindi assegnando la proprietà keyCode . Vedi questa risposta e questo esempio .

La rete per sviluppatori Mozilla fornisce la seguente spiegazione:

  1. Creare un evento utilizzando event = document.createEvent("KeyboardEvent")
  2. Inizia il keyevent

utilizzando: 

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

Non vedo l’ultimo nel tuo codice, forse è quello che ti manca. Spero che questo funzioni anche in IE …

Non sono molto bravo con questo, ma KeyboardEvent => vedi KeyboardEvent è inizializzato con initKeyEvent .
Ecco un esempio per l’emissione di eventi su element 

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