Вставка текста в HTMLполе через событие Javascript - PullRequest
Новая
       39

Вставка текста в HTMLполе через событие Javascript

0 голосов
/ 14 мая 2019

Я ищу способ вставки текста в поле ввода без использования API DOM. Но я пытаюсь найти новое событие input через Javascript и отправить событие в поле ввода. Чтобы текстовое значение, связанное с событием, было заполнено во входных данных.

Я попытался установить значение для свойства data для события input. Но это не сработало. Пожалуйста, смотрите код ниже: 

const nameField = document.querySelector('#name');
const event = new Event('input');
event.data = '1234'; 
nameField.dispatchEvent(event);

Пожалуйста, поделитесь своими знаниями, если вы знаете, как это сделать.

1 Ответ

0 голосов
/ 14 мая 2019

Проблема в том, что у вас нет прослушивателя событий для вашего пользовательского события ввода.Таким образом, вы отправляете событие, фактически не обрабатывая его.

Попробуйте это: 

const nameField = document.querySelector('#name');
nameField.addEventListener("customInput", function(e) {
  e.target.value = e.data
})
const event = new Event('customInput');
event.data = '1234';
nameField.dispatchEvent(event);
<input type="text" id="name">
...