“Bug”:在输入字段上使用jquery的focus()方法后,我无法用鼠标光标移动焦点光标

时间:2013-10-15 15:42:34

标签: jquery input html-table cursor focus

它只对键盘箭头做出反应,而不是对鼠标做出反应。但我想跳过焦点光标到我点击的位置。这是我使用的功能:

$(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();

});

0 个答案:

没有答案