使用 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)

使用 Javascript 搜索 Wordpress 媒体

Search Wordpress media with Javascript

javascript

wordpress

livesearch