Set Focus After Last Character in Text Box

by

This is the easy way to do it. If you’re going backwards, just add
$("#Prefix").val($("#Prefix").val());
after you set the focus

This is the more proper (cleaner) way:

function SetCaretAtEnd(elem) {
        var elemLen = elem.value.length;
        // For IE Only
        if (document.selection) {
            // Set focus
            elem.focus();
            // Use IE Ranges
            var oSel = document.selection.createRange();
            // Reset position to 0 & then set at end
            oSel.moveStart('character', -elemLen);
            oSel.moveStart('character', elemLen);
            oSel.moveEnd('character', 0);
            oSel.select();
        }
        else if (elem.selectionStart || elem.selectionStart == '0') {
            // Firefox/Chrome
            elem.selectionStart = elemLen;
            elem.selectionEnd = elemLen;
            elem.focus();
        } // if
    } // SetCaretAtEnd()

More Related Contents:

  1. Set focus on div contenteditable element
  2. How to select an element that has focus on it with jQuery
  3. jquery Setting cursor position in contenteditable div
  4. Selecting text on focus using jQuery not working in Safari and Chrome
  5. jQuery find events handlers registered with an object
  6. Jquery bind double click and single click separately
  7. jQuery UI Autocomplete use startsWith
  8. jquery IE Fadein and Fadeout Opacity
  9. How can I check if a key is pressed during the click event with jQuery?
  10. How do I bind Twitter Bootstrap tooltips to dynamically created elements?
  11. Get element type with jQuery
  12. xmlHttp.getResponseHeader + Not working for CORS
  13. jQuery UI Dialog window loaded within AJAX style jQuery UI Tabs
  14. How to pass values from one page to another in jQuery
  15. Removing file from multiple files uploader on button click when using HTML5 file input
  16. Detect which form input has focus using JavaScript or jQuery
  17. jquery callback after all images in dom are loaded?
  18. jQuery syntax – when to use $ (dollar) vs jQuery [duplicate]
  19. How to trigger $().ready() in jQuery?
  20. Jquery condition check is(‘:hover’) not working
  21. iOS Safari – How to disable overscroll but allow scrollable divs to scroll normally?
  22. Check if textbox has empty value
  23. Apply CSS to jQuery Dialog Buttons
  24. Fire event on enter key press for a textbox
  25. JQuery UI Datepicker, reverse the order of the year in the dropdowns
  26. Invoke ColdFusion function using AJAX
  27. jQuery Dialog-Postback but UpdatePanel doesn’t get updated
  28. Edit datatable in shiny with dropdown selection (for DT v0.19)
  29. Creating templated/persistant header/footer template in jQuery Mobile and PhoneGap
  30. My Own Like Button: Django + Ajax — How?

Leave a Comment