2

Preciso que quando o campo receba o foco, o cursor fique no ultimo caractere. Da forma como está o cursor fica no início do campo mesmo que o campo não esteja vazio.

function gravaObs(unidadeObs) {
    var gasObs = $('#obsGas_'+unidadeObs).val();
    swal({
        title: "Inserir Observações", 
        html: '<input type="text" id="obsCampo'+unidadeObs+'" class="col-xs-12 form-control" value="'+gasObs+'" /><br>',    
        confirmButtonText: "Salvar",
        confirmButtonColor: "#5cb85c",
        cancelButtonText: "Cancelar",
        cancelButtonColor: "#d9534f",
        showCancelButton: true,
        onOpen: function () {

            $('#obsCampo'+unidadeObs).focus();

            $('#obsCampo'+unidadeObs).on('focus', function() {
                var pos = this.value.length * 2;
                this.setSelectionRange(pos, pos);
            });
        }
    }).then(function(){
        var resultado = $('#obsCampo'+unidadeObs).val();
        console.log(resultado);
        $('#obsGas_'+unidadeObs).val(resultado);                
    }).catch(swal.noop); 
}   

2 Respostas 2

3

Usa o .setSelectionRange e dá-lhe um numero maior que o comprimento do input.

Algo assim:

$("#obsCampo").on('focus', function() {
  var pos = this.value.length * 2;
  this.setSelectionRange(pos, pos);
});

$('button').click(function() {
  $("#obsCampo").focus()
});

// ou de 3 em 3 segundos
setInterval(() => $("#obsCampo").focus(), 3000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="obsCampo" value="algum texto" />
<button>Clica aqui para focar o input</button>

6
  • Usando botao ele funciona mas como o foco chega no campo atraves de uma função nao funcionou. Commented 19/08/2017 às 21:26
  • @EzequielTavares deves estar a fazer algo errado. Dá uma olhada à resposta agora com um exemplo de função após 3 segundos.
    – Sergio
    Commented 19/08/2017 às 21:32
  • Editei a pergunta com o codigo completo já com as alterações que testei. Commented 19/08/2017 às 21:49
  • conforme está ele recebe o foco atraves de uma função Commented 19/08/2017 às 22:04
  • @EzequielTavares com mais código agora percebo o teu problema melhor. Duas coisas: 1- Estás a chamar o .focus() antes do auscultador de eventos: tem de ser ao contrário. 2- Como esse input é criado dinamicamente tens de usar delegação. Exemplo: jsfiddle.net/Sergio_fiddle/e4kv80pm
    – Sergio
    Commented 20/08/2017 às 3:39
1

Sempre que receber o foco, seja por click, tecla TAB ou outro, o cursor estará posicionado após o último caractere:

$("#obsCampo").on("focus click",function(){
	var pos = this.value.length+1;
	this.setSelectionRange(pos,pos);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="obsCampo" value="texto" />

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .