¿Cómo puedo activar la presión de flecha dentro del área de texto con el constructor de eventos de teclado para navegar por el texto? ¿Alguien puede ayudar o señalar?

 case "left_arrow": keyElement.classList.add("keyboard__key"); keyElement.setAttribute("id", "left_arrow_keyboard"); keyElement.innerHTML = createIconHTML("arrow_left"); //keyelement is a button keyElement.addEventListener("click", () => { const event = new KeyboardEvent("keydown", { which: 37, key: "ArrowLeft", code: "ArrowLeft", location: 0, altKey: false, ctrlKey: false, metaKey: false, shiftKey: false, repeat: false, }); this.properties.value += document.dispatchEvent(event); event.preventDefault(); this.triggerEvent("whenInput"); }); break;

y me estoy volviendo "verdadero" dentro del área de texto, en lugar del movimiento real de intercalación/cursor PD: estoy en JS vainilla, pero estoy abierto a jQuery