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 に入力すると、送信時にテキストエリアに転送され、データベースに入力されます。

Answer 1

に置き換え.find("body")ます.find("*:focus")。これにより、iframe 内にフォーカスがある要素が得られます。

.after()次に、メソッドを使用して要素を追加します。

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