0

テキストを含む要素内をクリックすると要素を挿入するスクリプトを作成しようとしています。

下の写真を見てください。

例

AとBは、エンドユーザーのマウスクリック位置です。

したがって、ユーザーがポイントAをクリックする場合、スクリプトはクリックが発生した行の間に要素を挿入する必要があります。

スクリプトが赤い背景色の要素を挿入する場合、結果は次の画像のようになる必要があります。

結果

正直なところ、どこから始めればよいのかわかりません。スクリプトを使用してキャレットの位置に何かを挿入するWYSIWYGエディターをいくつか見つけましたが、これはカーソルの位置であり、2行の間または行の終わりです。本当にありがとうございました。

http://cdpn.io/nocfe

4

1 に答える 1

1

マークアップが次のようなものであると仮定します。

<div class="text">
    <p>Thomas is rich...</p>
    <p>in the past...</p>
</div>

$ .after（）を使用して新しい要素を挿入できます

$(".text p").click(function()
{
    $(this).after("<p>I'm the new element</p>");
});
于 2013-02-28T21:08:58.840 に答える