Как я могу программно вызвать событие нажатия клавиши в Chrome, для которого свойство which будет иметь желаемое значение?

Пытался

new KeyboardEvent('keydown', {
    'which':65,
    'charCode':65,
    'keyCode':65,
    'key':"a",
    'code':"KeyA",
});

Но при получении свойства в обработчике ввода onKeyDown событие имеет which,charCode and keyCode, равное 0. key правильно установлен на a.

1
user1299412 18 Дек 2017 в 20:45

1 ответ

Лучший ответ

В Chrome эти свойства событий имеют значения по умолчанию 0 и недоступны для записи (из-за того, что они устарели). Вам нужно удалить собственные свойства, а затем воссоздать их:

var ke = new KeyboardEvent('keydown', {
    'key':"a",
    'code':"KeyA",
});

// Delete native event read-only properties with default values of 0
delete ke.keyCode;
delete ke.charCode;
delete ke.which;

// Create new custom properties that are read/write:
Object.defineProperty(ke, "keyCode", {"value" : 65});
Object.defineProperty(ke, "charCode", {"value" : 65});
Object.defineProperty(ke, "which", {"value" : 65});

var el = document.getElementById("key");

el.addEventListener("keydown", function(evt){
  console.log(evt.key, evt.code, evt.keyCode, evt.charCode, evt.which);
});

el.dispatchEvent(ke);
<input type="text" id="key">
1
Scott Marcus 18 Дек 2017 в 18:15