How to control cursor movement in a textarea tag using buttons...

Question

How do I control the cursor in a <input type="text"/> tag using other buttons... Like the "<" and ">" buttons in the code below?👇👇

https://code.sololearn.com/WWHai17dPP8p/?ref=app

Answer 1

It's tricky: as soon as user ciick on button, the text zone with cursor lost focus, so you cannot know the last cursor position... The only workaround would be to implement and handle yourself the cursor display/position/movement plus keyboard inputs... that's not impossible (advanced web editor tends to use more or less this technic) but cannot be easy and fast done ^^

Answer 2

Set cursor on input element with focus method then use selectionStart and selectionEnd methods to control and set cursor position.

https://code.sololearn.com/WV4O5fBs53Jc/?ref=app

Answer 3

Thanks Calviղ and visph

Answer 4

... then you need to build custom input with cursor, that is tricky.

Answer 5

Calviղ is there any way to prevent the keyboard from coming up?