toggle事件不会冒泡，是目标阶段专属事件，调用e.stopPropagation()无效；它无默认行为，preventDefault()和return false均无作用；需通过click事件接管控制开闭逻辑。
toggle事件本身不冒泡，根本不需要stopPropagation()
直接说结论：toggle 事件**不会冒泡**，所以对它调用 e.stopPropagation() 完全无效，也毫无必要。这不是 bug，是规范行为——toggle 是一个仅在 <details></details> 元素上触发的**目标阶段专属事件**，DOM 标准明确禁止它向上冒泡。
你看到“父级被触发”，大概率是误绑了其他事件（比如给 <summary></summary> 加了 onclick），或者混淆了 DOM 状态变更和事件传播。
- 检查是否在
<summary></summary>上写了onclick或onmousedown——这些事件会正常冒泡，而toggle不会 - 确认没在父容器上监听
click并错误地认为那是toggle冒上去的 -
console.log('toggle fired')和console.log('click fired')分开打，看清楚到底哪个在触发
为什么ontoggle里写return false或preventDefault没用
ontoggle 是 HTML 属性语法，绑定的是原生 toggle 事件处理器。这个事件**没有默认行为可阻止**（不像 click 会跳转、submit 会提交），所以 e.preventDefault() 对它完全静默；return false 在内联属性中只退出函数，不干预事件流，也不阻止任何东西。
真正起作用的，永远是用户点击 <summary></summary> 时浏览器自动翻转 <details></details> 的 open 属性——这个行为无法被 preventDefault() 拦截，它是渲染层逻辑，不是事件默认动作。
立即学习“前端免费学习笔记（深入）”；
- 别在
ontoggle="e.preventDefault();"里写这些，徒劳无功 - 需要干预开闭逻辑？必须接管控制权：用
onClick+e.preventDefault()阻止原生切换，再手动设open - React/Vue 中尤其要注意：不要一边让框架控制
open，一边又依赖原生toggle事件更新状态
React中details点击两次才生效，其实是state和DOM脱节
这不是事件冒泡问题，而是 React 没有接管 <details></details> 的原生状态同步。典型表现：第一次点 <summary></summary>，open 属性变了，但 React 的 useState 没更新；第二次点，state 更新了，但 DOM 已经错位。
修复方式只有一条路：彻底放弃原生切换，全部由 JS 控制。
- 给
<summary></summary>绑onClick={(e) => { e.preventDefault(); setIsOpen(!isOpen); }} -
<details></details>上显式写open={isOpen}，让 React 完全驱动 - 删掉所有
ontoggle或addEventListener('toggle', ...)——它们和受控模式冲突 - 如果用了
useEffect监听toggle，务必加清理函数，否则重渲染会重复绑定
想阻止点击summary时触发父级click？那就该管click，不是toggle
如果你点 <summary></summary> 导致外层 <div onclick="..."></div> 也响应了，问题出在 click 事件上，和 toggle 无关。因为 <summary></summary> 是普通可点击元素，它的 click 会正常冒泡。
这时候才轮到 e.stopPropagation() 出场，但它必须作用于 click 处理器，而不是 toggle。
- ✅ 正确：
summary.addEventListener('click', (e) => { e.stopPropagation(); }) - ❌ 错误：
details.addEventListener('toggle', (e) => { e.stopPropagation(); })（无效） - 注意：如果父级监听的是捕获阶段（第三个参数为
true），stopPropagation()在子元素 click 里调用仍会失效——得统一用冒泡阶段，或在捕获阶段就拦截
最常被忽略的一点：toggle 事件不是用来“阻止”的，它是用来“响应状态变更结果”的。真要干预行为，得从 click 入手，或者干脆放弃原生交互，走完全受控模式。
