JSFiddle - React, Tailwind, and code Playground

by villard

HTML

<input id="beLowerCase" type="Text" />

JavaScript

setCaretToPos = function(input, selectionStart, selectionEnd){
     if(input.setSelectionRange){
         input.focus();
         input.setSelectionRange(selectionStart, selectionEnd);
         
     } else if(input.createTextRange){
         var range = input.createTextRange();
         range.collapse(true);
         range.moveEnd('character', selectionEnd);
         range.moveStart('character', selectionStart);
         range.select();
     }
 };
$("#beLowerCase").keyup(function(){
    
    var start = this.selectionStart,
        end = this.selectionEnd;
    
    $(this).val( $(this).val().toLowerCase() );
    //this.setSelectionRange(start, end);
    setCaretToPos(this, start, end);
});