javascript - 将文本附加到用户鼠标“闪烁”的 iFrame 正文

Question

我需要将面部图标附加到 iframe 的正文中。我遇到的问题是它放在正文的末尾，而不是用户插入点的位置。

这是我到目前为止的代码，

 <iframe style=""name="content" id="content" width="758" height="200" onload="javascript:load();"></iframe>


function angleFace()
{
$("#content").contents().find("body").append('<img title="Angle" src="/media/angle.png" alt="Angle">');
}

我希望将脸放在用户插入点所在的任何位置。现在，这张脸被放在文件的末尾。

旁注 - 您输入 iFrame，然后在提交时将其传输到 textarea，然后输入数据库。

Answer 1

替换.find("body")为.find("*:focus")。这应该为您提供在 iframe 中具有焦点的元素。

然后使用该.after()方法在其后添加一个元素。

$("#content").contents().find("*:focus").after('<img title="Angle" src="/media/angle.png" alt="Angle">');