使用Javascript搜索Wordpress媒体

Question

出于测试目的，我想在Wordpress中搜索特色图像的媒体。但我似乎无法通过JavaScript操作激活搜索。

管理页面上的搜索DOM是：

<input type="search" placeholder="Search media..." id="media-search-input" class="search">

我可以用更改输入字段的值

// input text string
document.getElementById('media-search-input').value = "test string";

更改输入值后，不会进行任何搜索。我想我必须以某种方式触发搜索，但我不知道怎么做？

我似乎无法用.click((、.focus((或.blur((触发搜索。因为WP有实时搜索功能，所以也没有按钮可点击。

Answer 1

因此尝试触发键盘事件(keydown、keyup、keypress(

var elem = document.querySelector("#media-search-input");
var kpEvent = new KeyboardEvent('keydown', { key: 'Enter', keyCode: 13 });
elem.dispatchEvent(kpEvent);

或尝试输入事件

var event = new Event('input', {
bubbles: true,
cancelable: true,
});
elem.dispatchEvent(event);

Answer 2

四处挖掘，发现了这个：

wp.media.frames.browse.state().get('library')._requery(true)