textarea聚焦时默认光标在末尾，需监听focus事件并调用setSelectionRange(0,0)将其移至开头；input[type="text"]为单行，无“第一行”概念，光标默认已在开头。
input聚焦后光标默认在末尾，怎么强制到第一行开头
HTML <input> 是单行文本框，不存在“第一行”概念；你真正想操作的大概率是 <textarea></textarea> —— 它支持多行，但默认聚焦时光标仍落在末尾，不是开头。
解决办法很简单：聚焦后手动把光标位置设为 0。关键函数是 setSelectionRange()，它只对可编辑元素生效，且必须在元素已聚焦（focus()）之后调用。
-
setSelectionRange(0, 0)表示光标移到开头，不选中任何内容 - 必须等元素渲染完成、可聚焦后再调用，否则无效（比如 DOM 还没挂载、或被 CSS
display: none挡住） - 如果元素是动态插入的，建议用
setTimeout(() => { el.focus(); el.setSelectionRange(0, 0); }, 0)或el.addEventListener('focus', ...)确保时机
textarea聚焦时自动跳到开头的完整写法
最稳妥的做法是监听 focus 事件，在回调里设置光标。这样不管用户点击、Tab 切入还是 JS 主动 focus()，都能生效。
const textarea = document.querySelector('textarea');
textarea.addEventListener('focus', () => {
textarea.setSelectionRange(0, 0);
});
注意：setSelectionRange() 在只读（readonly）或禁用（disabled）状态下会静默失败，不报错也不生效。检查你的 textarea 是否意外加了这些属性。
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
立即学习“前端免费学习笔记（深入）”；
为什么直接在 focus() 后立刻 setSelectionRange() 有时失效
常见原因是浏览器还没完成焦点转移的内部状态更新。尤其在 Vue/React 等框架中，DOM 更新可能异步，focus() 调用后立即调 setSelectionRange() 很容易踩空。
- 推荐用
setTimeout(..., 0)或queueMicrotask()延迟一帧 - 更健壮的方式是监听
focus事件本身，而非自己调focus() - 某些移动端浏览器（如旧版 Safari）对
setSelectionRange()支持不稳定，需加 try/catch 防崩
input[type="text"] 不存在“第一行”，别白折腾
<input type="text"> 天然单行，没有换行符，所谓“第一行”就是整行。它的光标逻辑和 <textarea></textarea> 不同：每次聚焦，光标默认就在开头（除非值是通过 JS 设置且未手动移动过）。如果你发现它总在末尾，大概率是因为你用了 el.value = 'xxx' 赋值后没重置光标，或者用了 el.select() 之类副作用操作。
真要确保 input 光标在开头，同样可用 setSelectionRange(0, 0)，但它极少需要——除非你明确改过值又没清光标位置。
<textarea></textarea> 当成 <input> 来用，或者没意识到 setSelectionRange() 的调用时机有多敏感。光标位置这事，差一帧就失效，别信“调了就行”。 
