它只对键盘箭头有反应,对鼠标没有反应。但我想将焦点光标跳到我点击的地方。这是我使用的功能:
$(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();
});