0

マウスではなく、キーボードの矢印にのみ反応します。しかし、フォーカスカーソルをクリックした場所にスキップしたい。これは私が使用する機能です:

$(function () {
$("td").not(".cellEditing").dblclick(function () {
    var OriginalContent = $(this).text();

    $(this).addClass("cellEditing");
    $(this).html("<input type='text' id='textinput' size='100' value='" + OriginalContent + "' />");
    $(this).children().first().focus();

    $(this).children().first().keypress(function (e) {
        if (e.which == 13) {
            var newContent = $(this).val();
            $(this).parent().text(newContent);
            $(this).parent().removeClass("cellEditing");
        }
    });

    $(this).children().first().blur(function () {
        $(this).parent().text(OriginalContent);
        $(this).parent().removeClass("cellEditing");
    });
});
});

ここからそのコードを取得: http://mrbool.com/how-to-create-an-editable-html-table-with-jquery/27425

ユーザーがマウスを介して入力フィールドでカーソルを移動できる方法はありますか?

PS: 通常は完全に機能することがわかりましたが、スクリプトに次のコードを使用すると、機能しなくなりました。

$(function () {
$("#editableTable tbody.sortable").sortable({
    cursor: "move",
    //items: 'tr.sortable-row',
    stop: function () {
        oddRowColor();
    }
});

$("#editableTable tbody.sortable").disableSelection();

});
4

0 に答える 0