insertValue 后光标移动到插入的字符串之后

[thinkido]

你在什么场景下需要该功能？

编辑器里面添加快捷键插入字符。如F2快捷键插入当前时间。怎么解决，模拟事件不行

const onF2KeyPressed = (event) => {

const cursorPosition = vditor.value?.getCursorPosition();
let text = dayjs().format(' HH:mm');

vditor.value?.insertValue(text)
// 设置新的光标位置
// text.length
let countArr = [1, 2, 3, 4, 5];
countArr.forEach(() => simulateArrowRightOnTarget(event))

}

function simulateArrowRightOnTarget(event) {
const editableElement = event.target;
console.log('simulateArrowRightOnTarget:', editableElement)
// if (!editableElement || editableElement.getAttribute('contenteditable') !== 'true') return console.warn('simulateArrowRightOnTarget return');

// 创建一个键盘事件
const keyEvent = new KeyboardEvent('keydown', {
    key: 'ArrowRight',
    code: 'ArrowRight',
    keyCode: 39, // 'ArrowRight'的 keyCode
    which: 39,   // 'ArrowRight'的 which
    bubbles: true,
    composed: true
});

// 触发事件
editableElement.dispatchEvent(keyEvent);

}

其他信息

链接：https://ld246.com/article/1692667212627