模擬被按下的鍵盤上的按鈕，將該鍵的值添加到文本輸入中

Question

我的目標是能夠運行一個函數，該函數模擬在鍵盤上按下的鍵，然后將該鍵的值插入到輸入字段中。 我這樣做的原因是，我使用的是一個js框架，該框架會根據輸入自動過濾數據，但僅在輸入輸入時才過濾數據。使用document.getElementById('search_box').value顯然會填充輸入與文本。 但是這樣做並不會觸發數據過濾，因為從技術上來說，沒有輸入輸入文本。所以我想知道是否有可能運行一個基本上模擬被按下的鍵然后插入這些鍵的值的函數輸入字段。

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

根據filter.js的主存儲庫的問題＃154 ： 我可以使用$ {“＃filterid”）。val（“ bla”）。change（）這樣的jquery以編程方式觸發過濾器嗎？

$("#filterid").trigger('change')將起作用。 它還取決於事件：更改，點擊等

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

在示例頁面中 ，我使用$('#searchbox').val("father").trigger('keyup')添加“ father”來搜索並觸發濾鏡效果。