UserScript:KeyboardEventManager

キーを押して離す

カーソル位置への挿入

code:script.js

import { scrapboxDOM } from "../UserScript:ScrapboxDOM/script.js";

export class KeyboardEventManager {

constructor(eventTarget) {

this.#eventTarget = eventTarget;

}

async keyDownUp(keyboardEventInit, wait = 1) {

const patch = {

bubbles: true,

cancelable: true,

};

const pKeyboardEventInit = Object.assign(Object.create(keyboardEventInit), patch);

const keyboardEventDown = new KeyboardEvent("keydown", pKeyboardEventInit);

const keyboardEventUp = new KeyboardEvent("keyup", pKeyboardEventInit);

this.#eventTarget.dispatchEvent(keyboardEventDown);

this.#eventTarget.dispatchEvent(keyboardEventUp);

await this.sleep(wait);

}

async insertText(text, wait = 1) {

this.#eventTarget.focus();

this.#eventTarget.value = text;

const uiEvent = new UIEvent("input", {

bubbles: true,

cancelable: true,

});

this.#eventTarget.dispatchEvent(uiEvent);

await this.sleep(wait);

}

async selectWord() {

await this.keyDownUp({keyCode:"37", key:"ArrowLeft", code:"ArrowLeft", shiftKey:true, ctrlKey:true,});

}

sleep(msec) {

return (new Promise(resolve => setTimeout(resolve, msec)));

}

}

export const keyboardEventManager = new KeyboardEventManager(scrapboxDOM.textInput);