如何在将光标放入文本区域时弹出模式

<textarea id="myTextarea"></textarea>

var textarea = document.getElementById("myTextarea");

textarea.addEventListener("focus", function() {
  // 当光标进入文本区域时触发的事件处理函数
  // 在这里执行弹出模式的相关逻辑
});

textarea.addEventListener("blur", function() {
  // 当光标离开文本区域时触发的事件处理函数
  // 在这里执行关闭弹出模式的相关逻辑
});

var textarea = document.getElementById("myTextarea");

textarea.addEventListener("focus", function() {
  // 创建弹出框元素
  var popup = document.createElement("div");
  
  // 设置弹出框的样式和内容
  popup.style.position = "absolute";
  popup.style.top = textarea.offsetTop + textarea.offsetHeight + "px";
  popup.style.left = textarea.offsetLeft + "px";
  popup.style.width = textarea.offsetWidth + "px";
  popup.style.background = "#fff";
  popup.innerHTML = "这是弹出框的内容";
  
  // 将弹出框插入到文本区域下方
  textarea.parentNode.insertBefore(popup, textarea.nextSibling);
});

textarea.addEventListener("blur", function() {
  // 移除弹出框元素
  var popup = textarea.nextSibling;
  if (popup && popup.tagName === "DIV") {
    textarea.parentNode.removeChild(popup);
  }
});