Chrome扩展如何在任何选定的文本字段中输入文本

Question

当您按Ctrl+Shift+U时，我正在制作一个镀铬扩展名，该扩展名将生成昵称，如果选择一个，则应在选定的文本字段中自动输入生成的名称。我的问题是文本字段有多种类型，最基本的是输入。目前，这是生成昵称的功能，该功能适用​​于输入字段和TextaRea字段，但没有其他作用。

//Nickname gets generated here
//...

var inp = document.querySelectorAll("input");
var txt = document.querySelectorAll("textarea");
    
for (var i=0;i<inp.length;i++) {
    if (inp[i] == document.activeElement) {
        inp[i].value = nick;
    }
}
    
for (var i=0;i<txt.length;i++) {
    console.log(txt[i]);
    if (txt[i] == document.activeElement) {
        txt[i].innerHTML = nick;
    }
}

基本上，我认为我需要的是某种功能，可以像用户键入名称一样，而无需直接更改字段的值。

Answer 1

感谢 wOxxOm 的回答，经过一些修改，我让它工作了。这是我的最终代码：

//Nickname gets generated here
//...

const keyboardEventInit = {bubbles:false, cancelable:false, composed:false, key:'', code:'', location:0};
const element = document.activeElement;

if (element) {

    element.dispatchEvent(new KeyboardEvent("keydown", keyboardEventInit));
    element.value = nick;
    element.dispatchEvent(new KeyboardEvent("keyup", keyboardEventInit));
    element.dispatchEvent(new Event('change', {bubbles: true}));

}