Pular para o conteúdo
JavaScript

Javascript — Movendo cursor para o final de um campo

Atualizado em
Capa do artigo: Javascript — Movendo cursor para o final de um campo

Olá Pessoal!

Hoje venho com uma dica rápida.

Em muitos casos precisamos mover o cursor ao final de um campo, por exemplo, em um campo onde o cliente digita uma mensagem em um chat.

Mas como fazer isto?

Iremos utilizar uma combinação de recursos simples:

ObjCampo            = document.getElementById('MeuCampo');
ObjCampo.focus();

ObjSelection        = window.getSelection();
ObjLastNode         = ObjCampo.childNodes[ObjCampo.childNodes.length - 1];

ObjRange            = document.createRange();
ObjRange.setStart(ObjLastNode, ObjLastNode.length);
ObjRange.setEnd(ObjLastNode, ObjLastNode.length);

ObjSelection.removeAllRanges();
ObjSelection.addRange(ObjRange);

E assim terminamos, pessoal! 👩‍💼

Até a próxima! 👋

Leia também