Próbuję zasymulować zdarzenie klawiatury w Safari przy użyciu JavaScript.
Próbowałem tego:
var event = document.createEvent("KeyboardEvent");
event.initKeyboardEvent("keypress", true, true, null, false, false, false, false, 115, 0);
... a także to:
var event = document.createEvent("UIEvents");
event.initUIEvent("keypress", true, true, window, 1);
event.keyCode = 115;
Jednak po wypróbowaniu obu podejść mam ten sam problem: po wykonaniu kodu właściwości keyCode
/ which
obiektu zdarzenia są ustawione na 0
, nie 115
.
Czy ktoś wie, jak niezawodnie tworzyć i wysyłać zdarzenia klawiatury w Safari? (Wolałbym to osiągnąć w zwykłym JavaScript, jeśli to możliwe).
javascript
safari
webkit
dom-events
keyboard-events
Steve Harrison
źródło
źródło
Odpowiedzi:
Pracuję nad polyfillem DOM Keyboard Event Level 3 . W najnowszych przeglądarkach lub z tym polyfillem możesz zrobić coś takiego:
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})
AKTUALIZACJA:
Teraz mój polyfill obsługuje starsze właściwości „keyCode”, „charCode” i „which”
var e = new KeyboardEvent("keydown", { bubbles : true, cancelable : true, char : "Q", key : "q", shiftKey : true, keyCode : 81 });
Przykłady tutaj
Dodatkowo tutaj jest initKeyboardEvent dla różnych przeglądarek niezależnie od mojego polyfill: ( streszczenie )
Demo Polyfill
źródło
Czy wysłałeś wydarzenie poprawnie?
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"); } }
Jeśli używasz jQuery, możesz zrobić:
function simulateKeyPress(character) { jQuery.event.trigger({ type : 'keypress', which : character.charCodeAt(0) }); }
źródło
(evt.initKeyEvent || evt.initKeyboardEvent).call(evt, // etc.
event.keyCode
ievent.which
zawsze zwraca 0. To znany błąd i obejściem jest użycie zwykłego zdarzeniavar event = document.createEvent('Event'); event.initEvent('keydown', true, true); event.keyCode = 76;
initKeyEvent
iinitKeyboardEvent
są WYCOFANE .Wynika to z błędu w Webkit.
Możesz obejść błąd Webkita używając
createEvent('Event')
zamiastcreateEvent('KeyboardEvent')
, a następnie przypisująckeyCode
właściwość. Zobacz tę odpowiedź i ten przykład .źródło
Witryna Mozilla Developer Network zapewnia następujące wyjaśnienie:
event = document.createEvent("KeyboardEvent")
za pomocą:
yourElement.dispatchEvent(event)
Nie widzę ostatniego w Twoim kodzie, może właśnie tego brakuje. Mam nadzieję, że to działa również w IE ...
źródło
.initKeyEvent
jest teraz przestarzałyNie radzę sobie z tym zbyt dobrze, ale
KeyboardEvent
=> zobacz, że KeyboardEvent jest inicjowany za pomocąinitKeyEvent
.Oto przykład emitowania zdarzenia na
<input type="text" />
elemenciedocument.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" />
źródło
js:21TypeError: kEvent.initKeyEvent is not a function. (In 'kEvent.initKeyEvent("keypress", true, true, null, false, false, false, false, 74, 74)', 'kEvent.initKeyEvent' is undefined)
na safari :(