Position cursor at end of text when clicking input

Question

Navigation

#1 by (6 votes)
#2 by (1 votes)

2

Can you make every time I click the input the cursor moves to the end of it?

Notice that in this image it is before 1 and wanted every time you click on the input it goes to the end.

javascript jquery html5

asked by anonymous 06.06.2017 / 21:47

2 answers

1

Another alternative, with Javascript:

<input onfocus="this.selectionStart = this.selectionEnd = 500;" value="Olá texto">

06.06.2017 / 21:55

If you are not checking the condition correctly Sort results with month and year

score 6 · Accepted Answer

Yes, the simplest way, half "brute force" is to rewrite the input value with itself. This forces the cursor to go to the end.

Try moving the cursor with the arrows and then clicking it.

var input = document.querySelector('input');
input.addEventListener('click', function() {
  this.value = this.value;
});

<input type="text" value="algo para testar" />