0

そのため、フィールドが s であるページがあり、ユーザーがそれらをクリックすると、値を変更できるように入力に変更されます。ユーザーが入力の外側をクリックすると、スパンに戻ります。私が使用しているコードは次のとおりです。

$(function () {
$('.txtToInput').live('click', function () {
    var input = $('<input />', {'type': 'text','class': 'txtToInput', 'name': 'aname', 'value': $(this).html()});
    $(this).parent().append(input);
    $(this).remove();
    input.focus();
});

$('.txtToInput').live('blur', function () {
    var span = $('<span />', {'class': 'txtToInput'});
    $(this).parent().append($(span).html($(this).val()));
    $(this).remove();
});
});

これはうまく機能しますが、問題が 1 つあります。ユーザーが入力内のテキストを強調表示すると、コンテンツが入力の外に飛び出し、要素をスパンに戻すことができなくなります。これを引き起こしている原因と修正方法はありますか?

これは、この動作を示すフィドルです。

4

3 に答える 3

1

もう一度やり直さないようにするための本当に良い方法は、を使用することx-editableです。こちらをご覧ください

于 2013-05-16T09:25:09.077 に答える