JavaScript - запуск события keyup для ввода текста программно

Question

Чтобы продемонстрировать, что я хочу сделать, я использую пример из W3schools здесь в codepen .

У меня есть текстовое поле, в котором есть keyup прослушиватель событий, с каждым вашим символомвведите его для уточнения поиска. Я хочу заполнить текстовое поле с помощью свойства value, а затем вызвать событие keyup, чтобы запустить прослушиватель события keyup.Но я не мог ничего сделать, только сделать это.Я хочу использовать ядро ​​JS, но для его тестирования я тоже попробовал его с jQuery, но не повезло.

$('#mySearch').val("j"); 
$('#mySearch').keyup();

Answer 1

Как уже говорилось в Math, вы можете создать функцию, которая запускается в соответствии с нажатием клавиши (или отпуском в вашем случае).Функция должна уточнить поиск.Я бы порекомендовал JS для этого, но если вы хотите использовать jQuery, то вот что вы можете сделать:

$("#mySearch").on("keyup", function()
{
    // Refine search here
});

Или, в качестве альтернативы, вы можете просто использовать функцию .keyup():

$("#mySearch").keyup(function()
{
    // Refine search here
});

Надеюсь, это поможет

Answer 2

Вместо того, чтобы пытаться запускать событие keyup программно, вы можете вызвать функцию, которую вы ему присвоили.Таким образом, в ядре JS у вас будет:

В HTML:

<input id="mySearch" type="text" onkeyup="myFunction()">

В JS вы создадите функцию myFunction, которая уточнит ваш поиск.И когда вы хотите изменить значение вашего ввода, вы можете вызвать функцию сразу после изменения:

function myfunction() {
  //refine search code
}


//change the value of the input 
document.getElementById('mySearch').value = "j";
myFunction();