How can I trigger arrow press inside textarea with keyboardevent constructor in order to navigate through text? Can anyone help or point out?
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;
and I'm getting "true" inside textarea, instead of the actual caret/cursor movement P.S. - I'm on JS vanilla, but open to jQuery