HTML5中无userselect属性，应使用CSS的user-select属性禁用文字选中，需添加多浏览器前缀，且对表单控件需额外处理；onselectstart和unselectable为IE旧方案，不推荐使用。
HTML5 中没有 必须通过 CSS 设置，支持主流浏览器（Chrome 54+、Firefox 69+、Safari 3.1+、Edge 12+），IE 用旧版 / 应用到元素 /
这段文字无法被选中 这两个是 IE 时代的遗留方案，现代开发应避免： 实际项目中容易踩坑的地方： 立即学习“前端免费学习笔记（深入）”； 真正要禁用选中，就老实用 userselect 属性，真正起作用的是 CSS 的 user-select 属性。 它不是 HTML 属性，不能写在标签里如 用
user-select 禁止文字选中（CSS 方式）-ms-user-select。
user-select: none：彻底禁用用户选中，包括鼠标拖拽、双击、三击、Ctrl+A 都无效window.getSelection() 或 document.execCommand('selectAll')
、）默认不生效，需额外加 pointer-events: none 或用 readonly 控制/* 禁用某段文字选中 */
.no-select {
user-select: none;
-webkit-user-select: none; /* Safari 和旧版 Chrome */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
}
为什么
onselectstart 和 unselectable 不推荐
onselectstart 是 DOM 事件，仅 IE 和旧版 Edge 支持，Chrome/Firefox 完全不触发unselectable="on" 是 IE 专有 HTML 属性，仅对 IE6–10 有效，且只作用于元素自身，子元素仍可被选中（除非全部递归加）常见误用场景与修复建议
user-select: none 后，发现点击反馈变弱 → 实际是误加了 pointer-events: none，二者无关，别混用styled-components / css-in-js 自动注入前缀aria-live 等补充语义user-select: none 响应较慢，长按仍可能唤出菜单 → 可加 -webkit-touch-callout: none 抑制右键菜单user-select: none 配全浏览器前缀；别指望 HTML 属性或事件监听能跨浏览器兜底。兼容性细节和移动端响应延迟，是最容易被忽略的实际复杂点。
