Layui表格单元格默认不支持双击全选文字，因其为非编辑态纯展示内容；需通过添加contenteditable="true"并拦截编辑事件、或用Range API手动选中文本节点来实现。
为什么 Layui 表格单元格默认不支持双击全选文字
layui 的 table 组件渲染后，单元格（<td>）内文字默认是「不可编辑」的纯展示内容，浏览器不会触发原生的文本选择行为；即使加了 user-select: text，点击也不会自动聚焦并全选——因为没 contenteditable 或 input 上下文，selection api 也无从介入。
给 td 加 contenteditable="true" 然后立刻禁用编辑
这是最轻量、兼容性最好、且不影响 Layui 渲染逻辑的做法：让单元格变成可编辑态以激活浏览器文本选择能力，再用 JS 阻止输入，只保留选中行为。
实操建议：
- 在
table.render()的done回调里，用layui.$(elem).find('td')批量添加contenteditable="true" - 立即绑定
keydown和paste事件，return false或e.preventDefault()拦截所有编辑操作 - 为避免光标闪烁干扰，加一行 CSS：
td[contenteditable] { caret-color: transparent; } - 注意不要对表头（
th）或带操作列（如按钮、复选框）应用该逻辑，否则会误触发
table.render({
elem: '#demo',
url: '/api/list',
done: function(res, curr, count){
layui.$(this.elem).find('td:not(:has(button),:has(input),:has(.layui-table-patch))').attr('contenteditable', 'true').on('keydown paste', function(e){ e.preventDefault(); });
}
});
用 document.execCommand('selectAll') 在 click 时手动触发
适用于需要更精确控制时机的场景（比如只对特定字段列生效），但注意该 API 在现代浏览器中已被弃用，仅在 Chromium 内核的桌面端（Chrome / Edge）仍有效，Firefox 和 Safari 已不支持。
常见错误现象：
- 直接在
td上绑click并调execCommand失败 → 因为没有焦点元素，命令无目标 - 用
focus()后再execCommand仍失败 →td不是可聚焦元素，需先设tabindex="0" - 选中范围错乱 → 必须确保当前
td内有Text节点，且不能被子元素（如span、a）打断文本流
使用场景：仅用于内部管理后台、确定使用 Chrome 的固定环境。
监听 mousedown + setTimeout 做「伪双击」全选（兼容所有浏览器）
当必须绕过 contenteditable 且要全浏览器支持时，这是唯一稳妥方案：不依赖 selection API，而是模拟用户双击行为——第一次点击记录位置和时间，第二次在 300ms 内命中同一 td 就执行全选。
实操要点：
- 用
getSelection().removeAllRanges()清除已有选区，再用Range+selectNodeContents()选中整个td的文本节点 - 务必过滤掉
td内的子标签内容（如图标、开关组件），只取textContent中的纯文本部分，否则会把 HTML 字符也选进去 - 移动端慎用：300ms 双击判定和 touch 事件冲突多，建议加
if (!'ontouchstart' in window)限制桌面端 - 性能影响小，但要注意频繁点击时的节流，避免重复绑定或内存泄漏
span、i 或自定义组件时，textContent 和视觉呈现不一致，这时候靠样式 user-select: text 会失效，必须用 JS 显式构造 Range。 
