如何使页面脚本识别手动更改的 INPUT 元素值？

我正在开发一个 Chrome 扩展程序，目前正在尝试让我的内容脚本使用网站上的表单自动进行搜索。我通过更改输入的值然后使用 jQuery 来做到这一点change()方法，因为否则该网站不会开始搜索。

var search = $("#videoSearchInput");
search.val("test");
search.change();

我发现change()方法通过 Chrome 控制台执行它解决了我的问题，但当我尝试从我的内容脚本运行它时它不起作用。我发现如果我改变"scope"(?)我的控制台到我的扩展的控制台，然后输入命令它不会改变任何东西。

此方法是否需要某种额外的权限？

是的，我的内容脚本中使用了 jQuery，因为我正在使用val() method.

提前致谢！

EDIT:也许我应该提到该网站使用 AngularJS（我对此非常不熟悉）并且输入元素有一堆属性，但唯一受 change() 方法影响的是“ng-pristine”。

我不能说没有看到实际页面，但页面可能会检查输入是否“键入”，我们可以通过使用来模拟文档.exec命令:

document.getElementById('videoSearchInput').focus();
document.execCommand('selectAll');
document.execCommand('insertText', false, 'some text');

或者，如果您使用 jQuery，请注册一个新函数：

(function( $ ) {
    $.fn.execInsertText = function(text) {
        var activeElement = document.activeElement;
        var result = this.each(function() {
            this.focus();
            document.execCommand('selectAll');
            document.execCommand('insertText', false, text);
        });
        if (activeElement) {
            activeElement.focus();
        }
        return result;
    };
}( jQuery ));

然后调用它：

$("#videoSearchInput").execInsertText('herpderp');