Scrapboxで任意の文字にcursorを移動させる

コード及び解説

mouse buttonが押されて離された後に発行されるのが原因？

調節しないと一つ上の行を選択してしまうことがある

これを発行しなくても一見うまく行くように見えるが、ほんの少しmouseを動かすと選択範囲がいきなり現れる現象が起きる

おそらく「mouse buttonを離していない=文字列を選択中である」と解釈されるからではないか？

リンクやcode block, 動画や画像の埋め込みがない行でのみ正常に動く

↑があると、文字をクリックできない

DOMを取得

code:js

取得した文字の左上の座標を取得する

code:js

const {left, top, height} = headChar.getBoundingClientRect();

code:js

const mouseOptions = {

button: 0,

clientX: left,

clientY: top + height / 2,

bubbles: true,

cancelable: true,

view: window

};

code:js

char.dispatchEvent(new MouseEvent("mousedown", mouseOptions));

mouse buttonを離すeventを発行する

code:js

char.dispatchEvent(new MouseEvent("mouseup", mouseOptions));

2. 任意の行の末尾にcursorを移動する

リンクやcode block、画像がある行でもつかえる

動画があっても使えるはず

code:js

code:js

const {right, top, height} = line.getBoundingClientRect();

code:js

const mouseOptions = {

button: 0,

clientX: right,

clientY: top + height/2,

bubbles: true,

cancelable: true,

shiftKey: shiftKey,

ctrlKey: ctrlKey,

altKey: altKey,

view: window

};

あとは1.と同じ

code:js

line.dispatchEvent(new MouseEvent("mousedown", mouseOptions));

line.dispatchEvent(new MouseEvent("mouseup", mouseOptions));