Задача состоит в том, чтобы сделать поле ввода вводимым, но чтобы курсор находился справа и все время фиксировался.
До сих пор я думал о создании RTL и реагировании на нажатие и отпускание клавиши. Но курсор прыгает. Можно ли сделать его неподвижным? Или вообще не использовать ввод, а реагировать на нажатия клавиш клавиатуры? Заранее спасибо
moveCursorToBegin = (event) => {
var input = document.getElementById("myP");
input.selectionStart = input.selectionEnd = input.value.length;
input.setSelectionRange(input.selectionStart,input.selectionEnd);
};
moveCursorToEnd = (event) => {
var input = document.getElementById("myP");
input.style.pointerEvents = 'auto';
input.setSelectionRange(0,0);
};
render() {
return (
<div dir="rtl">
<input
id="myP"
value={this.state.currentValue}
onKeyDown={this.moveCursorToBegin}
onKeyUp={this.moveCursorToEnd}
/>
</div>
)}