マウスではなく、キーボードの矢印にのみ反応します。しかし、フォーカスカーソルをクリックした場所にスキップしたい。これは私が使用する機能です:
$(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();
});