JSFiddle - React, Tailwind, and code Playground

by NunoMira

HTML

<input type="text" name="firstName" value="Enter your name..." />

JavaScript

//Para posicionar o cursor num determinado sitio do texto
//ou
//Para seleccionar parte do texto
$.fn.setCursorPosition = function (pos)
{
    this.each(function (index, elem)
    {
        if (elem.setSelectionRange)
        {
            elem.setSelectionRange(pos, pos);
        } else if (elem.createTextRange)
        {
            var range = elem.createTextRange();
            range.collapse(true);
            range.moveEnd('character', pos);
            range.moveStart('character', pos);
            range.select();
        }
    });
    return this;
};
$.fn.selectRange = function (start, end)
{
    return this.each(function ()
    {
        if (this.setSelectionRange)
        {
            this.focus();
            this.setSelectionRange(start, end);
        } else if (this.createTextRange)
        {
            var range = this.createTextRange();
            range.collapse(true);
            range.moveEnd('character', end);
            range.moveStart('character', start);
            range.select();
        }
    });
};

$('input[name=firstName]').focus().selectRange(0, 5);
//$('input[name=firstName]').focus().setCursorPosition($('input[name=firstName]').val().length - 1);