textarea光标位置可通过el.selectionStart和el.selectionEnd直接读取，二者相等时表示仅存在插入点；需确保元素已渲染并获得焦点，否则可能返回0或-1，现代浏览器原生支持，IE8及以下需降级处理。

textarea光标位置怎么读？用selectionStart和selectionEnd

现代浏览器直接支持textarea原生属性，不需要额外库。只要元素已渲染且有焦点，el.selectionStart和el.selectionEnd就能返回光标起止位置（数值相同表示未选中，仅是插入点）。

• 必须确保textarea已获得焦点，否则值可能为0或-1（尤其在Layui中，动态插入的textarea常因未聚焦导致读取失败）
• IE8及更早版本不支持这两个属性，需回退到document.selection + createTextRange逻辑（但2026年基本可忽略）
• Layui里常见陷阱：在table.on('edit')回调中直接读obj.elem.selectionStart——此时obj.elem指向的是td内新插入的textarea，但它还没focus，得先obj.elem.focus()再读

layui表格里双击编辑时，光标总在开头？手动setSelectionRange定位

Layui表格用函数返回textarea后，即使填了初始值，光标默认落在开头，用户得手动拖或按方向键——这不是bug，是浏览器默认行为。

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

• 在done回调里绑定click事件后，立刻调用el.setSelectionRange(el.value.length, el.value.length)，把光标移到末尾
• 如果想保留用户上次编辑位置（比如中断后回来），得提前存：监听input或blur时记录el.selectionStart，存在data-属性或闭包变量里
• 注意setSelectionRange只对已focus的元素生效，顺序不能错：el.focus(); el.setSelectionRange(...)

怎么让光标位置在表单提交前“记得住”？别依赖form.getValue()

Layui的form.getValue()只取value字符串，完全不关心光标在哪。如果你需要保存编辑状态（比如草稿恢复、协作光标同步），必须自己抓。

• 提交前遍历所有textarea，用el.selectionStart单独采集位置，和el.value一起发给后端
• 不要在form.on('submit')里直接读textarea——它可能已被Layui销毁或替换成静态文本，应提前在blur或input时缓存
• 若用了layedit富文本，光标位置逻辑完全不同（基于contenteditable iframe 或 div），不能套用textarea方案

光标位置本身不参与数据提交，但它是交互连续性的关键锚点。很多人只在“保存”时读一次，却忽略了用户中途切换tab、失焦再回来的场景——这时候selectionStart已经失效，得靠setTimeout延后获取或监听focus事件重置。