原生 popover 属性不支持 hover 触发，仅响应 click 或 js 主动调用；title 是唯一零 js、全浏览器支持的悬停提示方案，但不支持样式、html、换行及移动端可靠触发。
原生 popover 属性在任何 HTML 标签上都不支持悬浮（hover）气泡，且必须配合 JS 才能首次激活 —— 这是当前（2026 年 8 月）所有浏览器的统一行为，不是你写错了。
popover 属性根本不能用于 hover 触发
浏览器规范明确限定：popover 元素只响应 click（或 JS 主动调用），hover 不是可选行为，也不是待实现特性。哪怕你给 <button></button> 加 onmouseenter 再调 showPopover()，Safari 和部分 Chrome 版本也会静默失败或触发异常定位 —— 因为 popover 生命周期不支持非点击上下文初始化。
-
title属性才是唯一“零 JS + hover”方案，但它不支持样式、HTML、换行、移动端，且 Firefox 中对屏幕阅读器不友好 - 所谓“
popover支持 hover”的说法，基本源于把 CSS:hover + .popover伪类方案误认为原生功能 - 所有声称“
<span popover></span>悬停即显”的 demo，背后都用了 JS 监听mouseenter+showPopover()，且需加if ("showPopover" in HTMLElement.prototype)防错
哪些标签能“免 JS 控制显隐”，但依然要 JS 初始化？
只要满足条件，<button></button>、<input type="button">、<a></a> 等可交互元素都能用 popovertarget 声明式切换显隐 —— 但前提是目标 <div popover> 已被 JS 至少调用过一次 <code>showPopover() 或 hidePopover()。
- 目标元素必须有
popover布尔属性（不是popover="auto"），且id与popovertarget值完全一致 - 首次渲染后需执行
document.getElementById("xxx").showPopover()（哪怕立刻hidePopover()），否则popovertarget点击无反应 -
popovertargetaction="toggle"只在 Chrome 114+ / Edge 114+ 生效，Safari 17.4+ 虽支持 popover，但对popovertargetaction兼容性不稳定
真正零 JS 的“悬浮气泡”只有 title，但它不是 popover
title 是唯一无需任何脚本、悬停即显、全浏览器支持的原生提示机制，但它和 popover 完全无关：
-
title不受popover属性影响，也不参与 Top Layer 渲染，会被overflow: hidden裁剪 - 它无法通过 CSS 修改字体大小、背景色、圆角或箭头，也不能含
<br>或 Markdown - 移动端 Safari 和 Chrome 中，
title几乎不响应长按或悬停，仅部分桌面环境可靠
别试图让 popover 做 hover 的事。真要悬浮气泡，20 行内 JS + position: absolute + getBoundingClientRect() 是目前最可控、兼容性最好、且能精确跟随按钮移动的路径 —— popover 的设计初衷就是 click-first 的轻量 action panel，不是 tooltip 替代品。
