layui表格怎么禁用双击选中文字的功能-Layui教程-PHP中文网

Layui表格单元格默认不支持双击选中文字，因td为不可编辑纯展示内容；意外选中通常由contenteditable="true"、tabindex或user-select: text等无意激活焦点/编辑态导致，需检查并移除相关属性或样式。

layui表格怎么禁用双击选中文字的功能

layui 表格单元格默认不支持双击选中文字，但如果你发现双击时文字被意外选中（比如出现蓝色高亮），那通常是因为浏览器对可聚焦/可编辑内容的默认行为被意外激活了——不是 layui 主动加的，而是你或 CSS 无意中触发了它。

为什么双击会选中文字

根本原因是：某个 或其子元素被设了 contenteditable="true"、tabindex、或 CSS 中启用了 user-select: text 且该元素恰好能获得焦点。Layui 渲染的单元格默认是纯

 包裹文本，浏览器不会主动选中；一旦打破这个“只读无焦点”状态，双击就可能触发原生文本选择。检查并移除 contenteditable 属性
这是最常见也最隐蔽的诱因。哪怕只是某列用了 templet 并手写了 
（比如为实现点击全选），双击就会选中文本。用浏览器开发者工具检查目标  及其子 ，确认没有 contenteditable 属性
如果确需 contenteditable（如自定义编辑），必须在双击时阻止默认行为：event.preventDefault()，且不要依赖 user-select 控制选中

别写 contenteditable="" 或 contenteditable="false" —— 后者在部分浏览器中仍会被当作 true 解析
禁用 user-select 但保留可点击性
单纯加 user-select: none 会同时禁掉所有文本选择（包括用户想复制时），更稳妥的做法是只对非输入场景禁用：

给表格容器加 CSS：.layui-table td { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

但要排除真正需要文本操作的列（如备注列）：.layui-table .note-col { user-select: text; }

注意：IE10+ 和现代浏览器都支持，无需额外 polyfill

拦截 rowDouble 事件避免误触发
如果你监听了 rowDouble 但没做任何事，用户双击时浏览器可能把焦点落到某个文本节点上，进而触发选中。即使没逻辑，也要显式终止事件传播：

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

在 table.on('rowDouble(filter)', function(obj){ ... }) 回调里第一行加 layui.stope(event)

别写 return false —— 它只阻止回调执行，不阻止浏览器默认行为
如果用了 templet 渲染按钮等交互元素，确保它们的 lay-event 不会冒泡到  上（加 layui.stope(event) 在 tool 回调开头）
真正容易被忽略的是：禁用选中不是靠“关掉某个开关”，而是持续维护单元格的“不可编辑、不可聚焦、不可选中”三重状态。只要其中一环松动（比如某次 reload 后忘了清掉 contenteditable，或新模板漏了 lay-unselect），双击选中就会重现。