如何使用javascript或jquery将光标移动到td标签文本的末尾

时间:2017-02-01 19:01:07

标签: javascript jquery html

大家好我正在尝试编辑表格中的单元格,但我遇到了光标问题。这是我到目前为止所做的,它不起作用。无论我做什么,光标都在细胞的开头。我在stackoverflow上尝试了其他示例,但到目前为止还没有解决方案。此代码来自与此td标记位于同一行的按钮单击事件。我正在尝试使表格行可编辑,以便用户可以通过单击该特定行上的编辑按钮来编辑任何行。

keywords = tr.getElementsByTagName("td")[1];
keywords.setAttribute('contenteditable', true);
keywords.setAttribute('bgcolor', 'Cyan');
keywords.focus();
moveCursorToEnd(keywords.firstChild);

这是我的功能:

function moveCursorToEnd(obj) {

  if (!(obj.updating)) {
    obj.updating = true;
    var oldValue = obj.value;
    obj.value = '';
    setTimeout(function(){ obj.value = oldValue; obj.updating = false; }, 100);
  }
}

1 个答案:

答案 0 :(得分:1)

function moveCursorToEnd(input) {
   var originalValue = input.value;
   input.value = "";
   input.blur();
   input.focus();
   input.value = originalValue;
}