模拟被按下的键盘上的按钮，将该键的值添加到文本输入中

Question

My objective is to be able to run a function that simulates a key being pressed on the keyboard, and then the value of that key being inserted into an input field. My reasoning for this is that I am using a js framework that automatically filters data based off of the input but it only filters the data when the input is typed in. Using document.getElementById('search_box').value will obviously populate the input with text. But doing this doesn't trigger the data to be filtered because the input text technically isn't typed in. So I was wondering if it was possible to run a function that would basically simulate keys being pressed and then inserting the value of those keys into an input field.

function populateField() {
    document.getElementById('search_box').value = "mr"; //this needs to be changed to insert the value via keyboard
    document.getElementById('search_box').focus();
}

Answer 1

According to filter.js's main repo's Issues #154 : Can I trigger a filter programatically with jquery like $("#filterid").val("bla").change() ?

$("#filterid").trigger('change') will work. It also depend upon events: change, click etc

ie $('#searchbox').val("father").trigger('keyup')

In the example page , I used $('#searchbox').val("father").trigger('keyup') to add "father" to search and trigger a filter effect.