javascript - divをクリックするたびにテキスト領域に動的テキストを取得する

Question

CKEDITORのonclick-eventを開きたいのですが、 ckeditordivの div コンテンツが必要ですが、どういうわけかこれは機能していません。textarea

事前に感謝し、私の下手な英語で申し訳ありません

function createEditor() {

    $('DIV').click(function(event) {
        var id1 = event.target.id;
        //alert(id1);

        document.getElementById("editor1").value = '';
        var newtext = document.getElementById(id1).innerHTML;
        alert(newtext);
        document.getElementById("editor1").value += newtext;
    });

    document.getElementById("contents").style.display = "block";
}

score 0 · Accepted Answer

このソリューションは、jQuery にさらに依存します。divまず、 aがクリックされるたびにこの関数がトリガーされるようにする場合は、 aがクリックfunction()されるたびにイベントがトリガーされるため、を削除する必要はありませんdiv。

これで問題が解決するはずです：

$('div').click(function(e) {
    $id1 = $(this).attr("id");
    alert($id1);

   $("#editor1").val(' '); //Are you sure you want to empty your textarea?
   $newtext = $("#"+$id1).html();
   alert($newtext);
   $("#editor1").val($newtext); //Because when you append the newtext it won't append but replace the text it's already on this.

   $("#contents").css("display","block");
});

関数を使用する同様の例のフィドルを次に示します。

score 0 · Accepted Answer

createEditor() 関数を削除して試してください

 $('DIV').click(function(event) {
    var id1 = event.target.id;
    //alert(id1);

    document.getElementById("editor1").value = '';
    var newtext = document.getElementById(id1).innerHTML;
    alert(newtext);
    document.getElementById("editor1").value += newtext;
});

document.getElementById("contents").style.display = "block";

score 0 · Accepted Answer

クリックされた div のテキストだけが必要で、jQuery を使用している場合は、

$("div").click( function() {
    var newtext = $(this).text();
    $("#editor1").text( newtext );
});

score 0 · Accepted Answer

これを試して、テキストエリアにデータを追加してください。

$("#editor1").val(newtext);

または使用

$('#editor1').append(newtext);

javascript - divをクリックするたびにテキスト領域に動的テキストを取得する

4 に答える 4

Related

Reference