data-bs-trigger="click"在手机上不是长按，因为移动端无hover状态，click是浏览器对touchend的模拟事件，无持续时间维度；长按时系统优先弹出复制菜单或直接触发单次点击，tooltip显示后手指抬起即隐藏，定位易错乱，:focus在非表单元素不稳定，:hover在触摸设备不触发。
为什么 data-bs-trigger="click" 在手机上不是长按
移动端没有 hover 状态，click 是浏览器对 touchend 的模拟事件，不带持续时间维度。你长按按钮，系统优先弹出复制/翻译菜单，或者直接当一次点击处理——tooltip 显示后手指一抬就 hide，定位还可能错乱。:focus 在非表单元素上不稳定，:hover 在触摸设备上压根不触发。
必须用 trigger: 'manual' + touchstart/touchend 手动控制
放弃纯 HTML 配置，改用 JavaScript 控制生命周期。核心是监听 touchstart 启动定时器、touchmove 清除、超时后调用 tooltip.show()：
-
trigger: 'manual'是前提，否则所有 JS 调用（如tooltip.show()）都会被忽略 - 在
touchstart中必须调e.preventDefault()，否则 iOS/Android 会抢事件弹系统菜单 - 用
setTimeout(() => tooltip.show(), 800)启动延迟显示，阈值建议 600–1000ms；太短易误触，太长用户感知迟钝 - 必须监听
touchmove并clearTimeout，手指稍微滑动就取消长按，否则滚动列表时容易误触发 -
touchend只负责清理定时器，不调show()—— 显示逻辑只在定时器回调里执行
动态插入元素或快速连点时容易漏掉的关键点
手动接管后，很多原本自动的行为都要自己补全：
- 元素是 AJAX 动态插入的，需在
tooltip.show()前确保已调用tooltip.enable()，否则静默失败 - 没监听
document.addEventListener('click', ...)，导致tooltip一直挂着 - 没做
event.target排除判断，点tooltip自身也触发hide—— 应该只在点击非tooltip元素且非触发源时hide - 没清理定时器，快速连点多次可能触发多个
show()，造成闪烁或重复渲染 - 移动端
touch事件比click更敏感，建议优先监听touchstart而非click来关闭
样式和定位错乱常因 template 注入不完整
直接写 .tooltip-inner { font-size: 16px; } 很可能无效——因为 tooltip DOM 是 Popper 动态插到底部的，你的样式表加载顺序或选择器权重不够，就会被 Bootstrap 默认样式覆盖。最可靠的方式是用 template 注入自定义 class：
- 保留
.tooltip和.tooltip-inner这两个关键 class，否则 Popper 定位失效 - 把自定义 class 加在外层容器上，例如：
class="tooltip my-tooltip-lg" - 对应写 CSS：
.my-tooltip-lg .tooltip-inner { font-size: 16px; line-height: 1.5; } - 如果改了
line-height，记得同步调整.tooltip-arrow的margin-top，否则小三角会偏移 - 避免用
max-width硬限制，内容换行时容易撑破布局；推荐用white-space: normal+word-break: break-word
touchstart 和 setTimeout，而是把 preventDefault、touchmove 清理、enable() 调用、外部点击隐藏、样式注入这整套链路串起来，缺一环就卡在真实机型上。
