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

Question

大家好，我正在尝试编辑表格内的单元格，但我遇到了光标问题。这就是我到目前为止所拥有的，它不起作用。无论我做什么，光标都在单元格的开头。我在堆栈溢出上尝试了其他示例，但到目前为止还没有解决方案。此代码来自与此 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);
  }
}

Answer 1

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