Держите курсор неподвижно и поверните его вправо - PullRequest
Новая
       22

Держите курсор неподвижно и поверните его вправо

0 голосов
/ 24 июня 2019

Задача состоит в том, чтобы сделать поле ввода вводимым, но чтобы курсор находился справа и все время фиксировался.

До сих пор я думал о создании 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>
)}
...