必须用微任务确保DOM更新后、浏览器重绘前操作光标——因contenteditable的编辑状态同步有延迟，queueMicrotask可精准卡在DOM就绪但未渲染的时机，避免setSelectionRange失败或节点查找错乱。
JavaScript 中不能直接用微任务“实现”光标自动定位，但可以借助微任务（如 Promise.then 或 queueMicrotask）**确保在 DOM 更新后、浏览器重绘前**安全地操作光标位置——这是富文本编辑器（如基于 contenteditable 的编辑器）中精准定位光标的常见且关键技巧。
为什么必须用微任务？
富文本容器（如 div[contenteditable="true"]）的内容常通过 innerHTML、insertAdjacentHTML 或 document.execCommand（旧）或 getSelection/Range（现代）动态更新。这些操作本身是同步的，但浏览器对 contenteditable 的光标/选区响应有延迟：
- DOM 修改后，浏览器需重新计算布局与编辑状态；
- 立即调用
setSelectionRange（仅适用于input/textarea）会失败； - 对
contenteditable，必须等浏览器完成内部编辑状态同步，再用Range和Selection操作光标。
微任务正好卡在这个时机：它在当前宏任务（如事件处理、脚本执行）结束后、下一次渲染前执行，此时 DOM 已更新，编辑器内部状态也已就绪。
核心步骤：用 queueMicrotask 安排光标定位
以下是一个通用、可靠的模式（兼容 Chrome/Firefox/Safari）：
立即学习“Java免费学习笔记（深入）”；
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
// 假设 el 是 contenteditable 元素
function setCursorAtEnd(el) {
queueMicrotask(() => {
const range = document.createRange();
const selection = window.getSelection();
// 定位到节点末尾（可按需调整：开头、指定文本位置等）
range.selectNodeContents(el);
range.collapse(false); // false → 折叠到末尾
selection.removeAllRanges();
selection.addRange(range);
});
}
// 使用示例：插入 HTML 后自动定位到末尾
el.innerHTML += '<strong>新内容</strong>';
setCursorAtEnd(el); // ✅ 此时 DOM 已更新，微任务中操作安全
进阶：定位到特定文字位置（如刚插入的关键词）
若需把光标放在某段新插入的文本之后（例如“@张三”后面），不能只靠 selectNodeContents，而要精确查找文本节点：
- 插入内容后，用
el.textContent或遍历子节点定位目标文本节点； - 用
range.setStart/setEnd指向该文本节点的指定偏移量； - 仍必须包裹在
queueMicrotask中，否则可能找不到新节点或偏移错乱。
示例（定位到插入的 “@user” 后）：
el.innerHTML += '<span class="mention">@user</span> ';
queueMicrotask(() => {
const mentionEl = el.querySelector('.mention:last-child');
if (mentionEl) {
const range = document.createRange();
const selection = window.getSelection();
range.selectNodeContents(mentionEl);
range.collapse(false); // 光标落在 @user 末尾空格处
selection.removeAllRanges();
selection.addRange(range);
}
});
替代方案对比：setTimeout vs Promise vs queueMicrotask
不推荐使用 setTimeout(fn, 0)（宏任务）：它会在重绘之后执行，可能导致光标闪动或定位失效；
Promise.resolve().then() 可用，但语义不如 queueMicrotask 清晰，且存在极小兼容性差异（旧版 Safari）；
queueMicrotask 是标准、轻量、语义明确的最佳选择，现代浏览器均支持（Chrome 71+、Firefox 71+、Safari 15.4+）。
