Updating an input’s value without losing cursor position [duplicate]

by 
$("#beLowerCase").on('input', function(){

    // store current positions in variables
    var start = this.selectionStart,
        end = this.selectionEnd;

    this.value = this.value.toLowerCase();

    // restore from variables...
    this.setSelectionRange(start, end);
});

(fiddle)

This actually works with CSS as well:

#beLowerCase{
  text-transform:lowercase;
}

And server can take care of the actual lower-casing…

More Related Contents:

  1. What is wrong with this basic Javascript code? [closed]
  2. jQuery AJAX submit form
  3. How can I get the data-id attribute?
  4. jQuery Event Keypress: Which key was pressed?
  5. Setting background-image using jQuery CSS property
  6. Parallel asynchronous Ajax requests using jQuery
  7. How to remove one specific selected file from input file control
  8. How to get the background color code of an element in hex?
  9. split string only on first instance of specified character
  10. Detect iPad users using jQuery?
  11. Testing if a checkbox is checked with jQuery
  12. jQuery: exclude children from .text() [duplicate]
  13. Debugging scripts added via jQuery getScript function
  14. jQuery: Unbind event handlers to bind them again later
  15. how to get the value of a textarea in jquery?
  16. jQuery and pseudo-elements
  17. How can I preserve the search filters in jqGrid on page reload?
  18. Cross-origin resource sharing (CORS) concept
  19. Jquery ignores encoding ISO-8859-1
  20. How to load all server side data on initial vue.js / vue-router load?
  21. Differences between detach(), hide() and remove() – jQuery
  22. Eliminate 300ms delay on click events in mobile Safari
  23. JSON string to JS object
  24. How to detect an audio has finished playing in a web page?
  25. Simulating a click in jQuery/JavaScript on a link
  26. Changing the page title with Jquery
  27. How to create a new img tag with JQuery, with the src and id from a JavaScript object?
  28. How to iterate a table rows with JQuery and access some cell values?
  29. DOM Element Width before Appended to DOM
  30. How can I compare two color values in jQuery/JavaScript?

Leave a Comment