chrome触发click事件会选中旁边的文字
思否 问答 已采纳 👍 3 含 AI 优化版
问题
chrome触发click事件会选中旁边的文字
由大模型辅助整理，保留原意，优化结构与可读性。
问题概述
在 Chrome 浏览器中，点击某个元素触发 click 事件时，会意外选中该元素旁边的文字。
涉及技术
CSS、浏览器兼容性
期望结果
找到一种 CSS 方案，避免点击操作导致周围文字被意外选中。
回答
原始回答
user-select:none你给他加上这个样式你试试
AI 优化 · 回答整理
解答思路
这种现象通常是浏览器默认的文本选择行为被触发（比如快速点击、拖动式点击），可以通过 CSS 禁止该元素及其周边内容被选中来解决。
示例代码
.no-select {
user-select: none;
}
详细说明
给触发点击的元素（或其外层容器）加上 user-select: none，可以阻止用户在该区域内通过鼠标操作选中文本，从而避免点击时“顺带”选中旁边文字的问题。如果需要兼容旧版浏览器，可以补充 -webkit-user-select、-moz-user-select、-ms-user-select 等前缀属性。
小结
点击时误选中旁边文字，本质是浏览器默认的文本选择行为，加上 user-select: none 即可屏蔽该行为。
由大模型辅助整理，保留原意，补充结构与代码格式。
回答转载自 SegmentFault