保持光标静止不动并向右旋转

Question

任务是输入字段的输入，但是光标保持在右侧并且一直固定。

到目前为止，我已经考虑过制作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>
)}