Wie man den Cursor am Ende des Textes des td-Tags mit Javascript oder jquery bewegt

Question

Hallo Leute Ich versuche, eine Zelle in einer Tabelle zu bearbeiten, aber ich habe Probleme mit dem Cursor. Das habe ich bisher und es funktioniert nicht. Der Cursor befindet sich am Anfang einer Zelle, egal was ich mache. Ich habe andere Beispiele für Stackoverflow ausprobiert, aber bisher keine Lösung. Dieser Code stammt von einem Klickereignis in derselben Zeile wie dieser Tag. Ich versuche, die Tabellenzeile editierbar zu machen, so dass der Benutzer jede Zeile bearbeiten kann, indem er auf die Bearbeitungsschaltfläche in dieser bestimmten Zeile klickt.

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

und hier ist meine Funktion:

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; 
}