Я пытаюсь смоделировать событие клавиатуры в Safari с помощью JavaScript.
Я пробовал это:
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
/ which
объекта события устанавливаются на 0
, а не 115
.
Кто-нибудь знает, как надежно создать и отправить событие клавиатуры в Safari? (Я бы предпочел добиться этого на простом JavaScript, если это возможно.)
javascript
safari
webkit
dom-events
keyboard-events
Стив Харрисон
источник
источник
Ответы:
Я работаю над полифилом уровня 3 событий клавиатуры DOM . В последних версиях браузеров или с помощью этого полифилла вы можете сделать что-то вроде этого:
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})
ОБНОВИТЬ:
Теперь мой полифилл поддерживает устаревшие свойства keyCode, charCode и which.
var e = new KeyboardEvent("keydown", { bubbles : true, cancelable : true, char : "Q", key : "q", shiftKey : true, keyCode : 81 });
Примеры здесь
Кроме того, здесь есть кроссбраузерный initKeyboardEvent отдельно от моего полифилла: (суть)
Демо- версия полифилла
источник
Правильно ли вы отправили событие?
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) }); }
источник
(evt.initKeyEvent || evt.initKeyboardEvent).call(evt, // etc.
event.keyCode
иevent.which
всегда возвращать 0. Это известная ошибка, и обходной путь - использовать обычное событиеvar event = document.createEvent('Event'); event.initEvent('keydown', true, true); event.keyCode = 76;
initKeyEvent
иinitKeyboardEvent
являются DEPRECATED .Это связано с ошибкой в Webkit.
Вы можете обойти ошибку Webkit, используя
createEvent('Event')
вместоcreateEvent('KeyboardEvent')
, а затем назначивkeyCode
свойство. См. Этот ответ и этот пример .источник
Сеть разработчиков Mozilla предоставляет следующее объяснение:
event = document.createEvent("KeyboardEvent")
с помощью:
yourElement.dispatchEvent(event)
Я не вижу последнего в вашем коде, возможно, это то, что вам не хватает. Надеюсь, это работает и в IE ...
источник
.initKeyEvent
устарелаЯ не очень хорошо разбираюсь в этом, но
KeyboardEvent
=> см. KeyboardEvent инициализируется с помощьюinitKeyEvent
.Вот пример генерации события на
<input type="text" />
элементе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);
<input id="txbox" type="text" value="" /> <input id="btn" type="button" value="CLICK TO EMIT KEYPRESS ON TEXTBOX" />
источник
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)
на сафари :(