テキストを挿入するUserScript
カーソルのある位置にテキストを挿入するUserScript
引数
text : 入力したいテキスト cursor : テキストを入力する <textarea> scrapboxなら
#text-input スマホでも動くようにしたver.です
script.jsexport function insertText({text}) {
const cursor = document.getElementById('text-input');
cursor.focus();
これで動く
script.js cursor.value = text;こっちでも動くけど長い
script.js_alternative const start = cursor.selectionStart; // in this case maybe 0
cursor.setRangeText(text);
cursor.selectionStart = cursor.selectionEnd = start + text.length;script.js const uiEvent = document.createEvent('UIEvent');
uiEvent.initEvent('input', true, false);
cursor.dispatchEvent(uiEvent);
}script.js_oldexport function insertText({text,cursor}) {
const isFirefox = () => {
const userAgent = window.navigator.userAgent.toLowerCase();
if (userAgent.indexOf('firefox') != -1) {
return true;
}
return false;
};
cursor.focus();
if (isFirefox()) {
const start = cursor.selectionStart; // in this case maybe 0
cursor.setRangeText(text);
cursor.selectionStart = cursor.selectionEnd = start + text.length;
const uiEvent = document.createEvent('UIEvent');
uiEvent.initEvent('input', true, false);
cursor.dispatchEvent(uiEvent);
} else {document.execCommand()はPC版Google Chromeでないとまともに動かない
だからここで条件分岐を使っている
script.js_old document.execCommand('insertText', false, text);
}
}