0

ユーザーがこのテキストをクリックすると、ユーザーが値としてクリックしたのと同じテキストを持つ入力に変換されます。

そもそもクリックが発生した場所にカーソルを正確に表示できるかどうか疑問に思っていますか?

http://jsfiddle.net/nmaqa/

この例では、ユーザーは最初にクリックして編集を有効にし、カーソルを表示したい場所をもう一度クリックする必要があります。

$(document).on("click", ".click li.editable", function(){
        //
        var item = $(this);
        item.removeClass("editable");
        var word = item.html();
        item.empty();
        item.append('<input class="quick-edit" type="text" name="quick_edit" value="'+ word +'" />');
        $(".quick-edit").focus();
        //
    });
4

2 に答える 2

0

はい、可能な場合があります html

<ul class="click">
<li contenteditable = true class="editable">Text</li>
<li class="editable" contenteditable = true>Text</li>

とジャバスクリプト

$(document).on("click", ".click li.editable", function(){
    //
    var item = $(this);
    item.removeClass("editable");
    var word = item.html();
    item.empty();
    item.append('<input class="quick-edit" type="text" name="quick_edit" value="'+ word +'" />');
    $(".quick-edit").focus();
    //
});
   $('.editable:first').focus()

コードを更新するか、ik fiddle http://jsfiddle.net/nmaqa/1/を確認してください

于 2013-10-31T23:35:40.040 に答える