Javascript 如何在用户开始键入时自动打开弹出式输入框

我正在寻找一种方法，一旦用户开始键入任何内容（如果用户在特定网页上），就可以自动将击键捕获到弹出式输入框中。 它类似于桌面软件中显示的图像，用户开始键入，并将其捕获到输入框中，供用户开始搜索。

检查一下，我使用了jquery，但您也可以使用基本js，您可以轻松地在弹出窗口中添加一个按钮，按下该按钮后，数据将发送到您的数据库

---

到目前为止你试过什么？我所需要的就是能够将这些数据推送到MySQL中并显示结果

let word = "";

$(document).keyup(event => {
// find which key has been pressed from the event object
const key = event.originalEvent.key;

// make the hidden modal visible
$("#myModal").css("display", "block");

const ignoreKeys = [
  "CapsLock",
  "Shift",
  "Tab",
  "Alt",
  "Control",
  "PageUp",
  "PageDown",
  "ArrowUp",
  "ArrowDown",
  "ArrowRight",
  "ArrowLeft",
  "Escape",
  "Home",
  "Insert"
 ];

if (ignoreKeys.indexOf(key) > -1) {
} else if (key == "Backspace" || key == "Delete") {
 word = word.substring(0, word.length - 1);
} else {
 word += key;
}

// Update the text content of the modal
$("#my-text").text(word);
});

$(".close").click(() => {
  $("#myModal").css("display", "none");
});