onselect 属性在 textarea（及 input）上不生效，因 HTML 规范中 select 事件仅对 document 等少数元素支持，现代浏览器下 textarea 不触发该事件；应改用 document 的 selectionchange 事件配合 activeElement 判断，或直接读取 textarea.selectionStart/selectionEnd。
onselect 在 textarea 中根本不会触发
直接说结论：onselect 属性在 textarea（以及 input）上**不生效**，浏览器不会派发 select 事件——这不是你代码写错了，是规范如此。
HTML 规范中，select 事件只在支持「文本选中」且可聚焦的元素上触发，但实际仅对 document 和部分老式元素（如 input[type="text"] 在某些旧版 IE 中）有松散支持；现代标准下，textarea 的文本选中行为**不冒泡出 select 事件**，所以绑 onselect 或 addEventListener('select', ...) 都收不到。
用 selectionchange 替代：监听整个文档的选中变化
真正可靠的方式是监听 document 上的 selectionchange 事件，再判断当前焦点是否在目标 textarea 中。
-
selectionchange是标准事件，兼容 Chrome、Firefox、Safari、Edge（≥79） - 它在用户鼠标拖选、键盘 Shift+方向键、双击词、三击行等任意选中操作后触发
- 必须配合
document.getSelection()和element.matches(':focus')或document.activeElement === textarea做上下文判断
示例：
const ta = document.getElementById('my-textarea');
document.addEventListener('selectionchange', () => {
if (document.activeElement === ta) {
const sel = document.getSelection();
console.log('选中内容:', sel.toString());
console.log('起始偏移:', ta.selectionStart);
}
});
selectionStart / selectionEnd 是更直接的判断依据
如果你只是想“在用户选中时做点事”，其实不需要等事件——很多场景下，直接读取 textarea.selectionStart 和 selectionEnd 就够了，尤其适合与按钮联动（如“高亮选中文字”“复制选中内容”）。
- 只要
selectionStart !== selectionEnd，就说明当前有文本被选中 - 这个值在用户操作过程中实时更新，比事件更及时（比如用户按住鼠标拖动时，值已变，但
selectionchange可能只在松手后触发一次） - 注意：该属性只对聚焦中的
textarea有效；失去焦点后值仍保留，但不再反映真实选中状态
别踩坑：不要监听 mouseup 或 keyup 来模拟选中
有人会尝试监听 mouseup 后立刻读 selectionStart，或监听 keyup 检查 Ctrl/Cmd+A —— 这类做法问题很多：
-
mouseup在非鼠标选中（如键盘 Shift+→）时完全不触发 -
Ctrl+A在 macOS 是Cmd+A，且可能被浏览器/扩展拦截，keydown里不一定能捕获全 - 双击选词、右键“选择全部”、触摸屏长按选中等场景都会漏掉
- 过度依赖组合键容易和输入法、辅助工具冲突
真正健壮的做法只有两个：用 selectionchange + 焦点判断，或者在需要时（如点击按钮）当场读取 selectionStart/selectionEnd。前者响应及时，后者逻辑简单，二者别混用。
复杂点在于：selectionchange 不带目标元素信息，也不区分是哪个 textarea 引起的；如果你页面有多个可编辑区域，得自己维护焦点状态或用 activeElement 判断，这点很容易被忽略。
