textarea按tab键默认切换焦点而非缩进，因浏览器遵循html标准；需用keydown拦截tab键，preventdefault()阻止默认行为，通过selectionstart/end插入空格并重置光标位置。
layui 的 textarea 默认按 Tab 键会焦点移出，根本不会插入空格或缩进——这是浏览器原生行为，和 layui 无关，必须手动拦截并注入内容。
为什么 textarea 按 Tab 不缩进
HTML 标准规定：Tab 在表单控件中用于焦点切换，textarea 也不例外。layui 没做任何干预，它只是渲染一个普通 textarea 元素。所以你看到的“没反应”或“跳到下一个输入框”，是浏览器在执行标准逻辑。
如何用 keydown 拦截 Tab 并插入 2/4 个空格
核心是在 textarea 获得焦点后监听 keydown，检测 e.key === 'Tab'，然后阻止默认行为、获取光标位置、插入空格、重置光标。
- 必须用
e.preventDefault()，否则焦点立刻丢失 - 插入内容推荐用
' '在富文本场景更稳，纯文本用' '或' '都行） - 光标位置要用
el.selectionStart和el.selectionEnd获取，不能依赖 jQuery 的.val()拼接——会丢选区 - 插入后要手动设置
el.selectionStart = el.selectionEnd = newPos，否则光标停在开头或末尾
textarea.addEventListener('keydown', function(e) {
if (e.key === 'Tab') {
e.preventDefault();
const start = this.selectionStart;
const end = this.selectionEnd;
const value = this.value;
const indent = ' '; // 两个空格，可改为 ' '
const newValue = value.slice(0, start) + indent + value.slice(end);
this.value = newValue;
this.setSelectionRange(start + indent.length, start + indent.length);
}
});
真实场景里容易翻车的几个点
这段逻辑看着简单，但上线后常因边界情况崩掉：
- 用户选中了一段文字再按 Tab —— 上面示例已处理（用
slice(0,start)+slice(end)），但如果你漏了end，就会重复插入 - Mac 下
Cmd+Tab也会触发，得加判断：if (e.key === 'Tab' && !e.metaKey) - 移动端没有 Tab 键，这段代码应包裹在桌面端判断里：
if (!/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) - 如果
textarea是 layui 表单动态渲染出来的（比如form.render()后插入），事件必须委托或在渲染后重新绑定，不能写死在 DOM 加载时
最后注意：不要试图用 text-indent CSS 控制缩进——那只是视觉偏移，实际换行和提交内容里没有空格，用户复制出来还是顶格的。
