Cursor zum Ende des Textfeldes verschieben

Avatar of Chris Coyier
Chris Coyier am

Das Setzen des Wertes eines Textfeldes verschiebt den Cursor ans Ende. Sie müssen also nur den Wert speichern, ihn löschen, den Fokus darauf legen und den Wert erneut anwenden, und schon sind Sie fertig.

$("button").on("click", function() {
  
  // cache textarea as we need it more than once
  var textarea = $("textarea"),
      
      // save old value as we need to clear it
      val = textarea.val();
  
  // focus textarea, clear value, re-apply
  textarea
    .focus()
    .val("")
    .val(val);
});

Diese Demo macht das, wendet aber auch ein wenig UX an. Wenn der aktuelle Wert des Textfeldes nicht mit einem Leerzeichen endet, fügen Sie eines hinzu. Nur damit Sie wie gewohnt klicken und weiter tippen können.

Check out this Pen!

Sie könnten es auch zu einem Plugin machen

$.fn.focusToEnd = function() {
   return this.each(function() {
       var v = $(this).val();
       $(this).focus().val("").val(v);
   });
};