Javascript 如何在html输入字段中单个单词下方显示弹出窗口/工具提示

我想对html输入字段进行拼写检查。为此，我想突出显示错误的单词，并在单词下方显示备选项

后台的功能已经开始工作了，现在我正在使用（悉达多提到）。 我了解并找到了一些例子，说明如何在富文本字段上实现这一点，而不是在单行输入上实现这一点

。 我的问题是我没有把单词选择框放在正确的地方。如果html输入为“Here iz somme”，我单击“iz”，我就不能将弹出窗口放在该文本下面

这就是它应该是什么样子（想象一下“hereiz-somme-badly-speldt-worddz”是html输入值）

---

您可以使用jquery插件。。请在这里查一下

解决方法是使您的文本区域看起来像输入文本，我的意思是使它看起来像输入字段

HTML:

---

请看一看-这是一个很好的javascript实现，可以使用拼写词典。

没有javascript很难做到这一点。所以我的建议是使用javascript

---

如果我们有“这里是somme Badly speldt Wordz”。当我们点击某些不好的单词时，我们会用javascript捕捉鼠标位置（我们可以使用jquery），然后根据从鼠标位置获得的位置显示弹出窗口。

您的意思是“是的，扩展问题。您最初是怎么做的？”？如果你能以某种方式操纵文本，你就可以访问输入元素的值并从那里继续下去。我想你试过了吗？你说的“不要把单词选择框放在正确的位置”是什么意思？对我来说，你的截图还行。请给我们看“坏”截图：）谢谢你的输入。我使用的正是jquery插件，但我无法在输入字段的错误单词下显示方框。（如上面的屏幕截图所示）。扩展我的问题谢谢你的意见。后台的功能已在运行。我唯一的问题是我没有把单词选择框放在正确的地方。我的问题还没说完。

<textarea id="textarea-content" rows="1" style="width:90%" spellcheck="false">Here iz somme badlyy speldt worddz</textarea> 

textarea
{
   resize: none;
   border:solid 1px #d2d2d2;
   background: #fff;
   color: #333;
   height: 44px;
}