老浏览器中在SVG定义型节点（如等）上调用stopPropagation会因事件对象不完整而报错致白屏；安全做法是三步检查：验nodeName/namespaceURI、isConnected，再try/catch包裹，并优先用pointer-events:none隔离非交互元素。
直接在 SVG 特殊节点（比如 <use></use>、<clippath></clippath>、<defs></defs> 或嵌套在 <svg></svg> 内的非渲染元素）上调用 stopPropagation，老浏览器（如 IE9–11、旧版 Edge、Safari 6–7）会因事件对象不完整或事件系统未正确绑定而抛出不可捕获错误，进而触发页面白屏或整个 SVG 区域渲染中断——表现为“闪退”式视觉崩溃。
识别哪些 SVG 节点不能绑事件
不是所有 SVG 元素都支持标准 DOM 事件。以下节点在老浏览器中没有事件能力，调用 stopPropagation 前若未判断，极易出错：
-
<defs></defs>、<symbol></symbol>、<clippath></clippath>、<mask></mask>、<pattern></pattern>等定义型容器（本身不渲染，无事件流） -
<use></use>元素（IE 中其onclick不触发，addEventListener绑定后调用stopPropagation会静默失败甚至卡死） - 通过
document.createElementNS创建但尚未插入 DOM 的 SVG 节点（事件系统未初始化）
安全调用 stopPropagation 的三步检查法
在绑定事件或响应中调用 stopPropagation 前，必须确认该节点具备事件上下文：
-
查 nodeName + namespaceURI：只对渲染型元素（如
circle、rect、path、g、svg）操作，排除defs/use等 -
验 isConnected：确保节点已挂载到文档中（
el.isConnected === true），避免操作离线 fragment - 兜底 try/catch：即使做了前两步，IE 仍可能在某些状态下调用失败，建议包裹：
function safeStop(e) {
if (!e || !e.stopPropagation) return;
try {
e.stopPropagation();
} catch (ignored) {
// 老浏览器静默忽略，不中断流程
}
}
```
替代方案：用 CSS pointer-events 控制交互层
对不需要响应点击的 SVG 容器（如 <defs></defs> 或图标精灵的 <symbol></symbol>），根本不要绑定事件。改用样式隔离：
- 给
<defs></defs>或<symbol></symbol>加style="pointer-events: none" - 把事件委托到外层可渲染容器（如包裹的
<div> 或根 <code><svg></svg>），再根据e.target类型做细粒度判断 - 这样既避开老浏览器事件缺陷，又减少 DOM 监听器数量
兼容性兜底：检测并降级处理
对明确要支持 IE9–11 的项目，可在初始化时检测事件能力：
```jsconst supportsSvgEventPropagation = (function() {
const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
svg.appendChild(rect);
try {
rect.addEventListener('click', () => {}, false);
return true;
} catch (e) {
return false;
}
)();
```
若返回 false，则全局禁用 SVG 子元素事件绑定，统一走父容器委托 + pointer-events 控制。
