Javascript 如何显示<；部门>'；低于'；'；单击word'；

我是Angular10的新用户，我希望每当用户单击文本区域字段/输入字段中的任何单词时，弹出窗口总是显示在单击的单词下方

您还可以查看我想要实现的附加图像

非常感谢

我想在弹出窗口中显示的div如下所示：

<div class="cstm-popup-div">
    <ul>
      <li>item1</li>
      <li>item2</li>
      <li>item3</li>
    </ul>
</div>

---

欢迎来到SO。请访问，采取的，看看什么和。如果你的尝试有相关的帖子，或者你遇到问题的代码。你能提供代码来帮助复制它吗？更准确地说，你想让弹出窗口显示在什么地方，beHi@YounesGuarssifi谢谢你的回复。实际上，我希望当用户单击文本区域中的任何单词时，弹出窗口将始终显示在该位置的下方，即单击单词的下方。正如您在所附图像中所看到的，例如，一旦用户单击“该”字，然后（弹出）从该位置显示在下面。我希望你能理解我的问题。嗨@YounesGuarssifi，你能帮我吗？

.cstm-popup-div {
  border: 1px solid;
  background-color: white;
  width: 200%;
  margin-left: -489px;
  position: absolute;
  index: 99;
}