它只对键盘箭头做出反应,而不是对鼠标做出反应。但我想跳过焦点光标到我点击的位置。这是我使用的功能:
$(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
用户是否可以通过鼠标在输入字段中移动光标?
P.S。:发现它工作正常,但在我的脚本中使用此代码它不再起作用了:
$(function () {
$("#editableTable tbody.sortable").sortable({
cursor: "move",
//items: 'tr.sortable-row',
stop: function () {
oddRowColor();
}
});
$("#editableTable tbody.sortable").disableSelection();
});