支持事件委托的事件必须冒泡，即bubbles属性为true；常见可委托事件有click、keydown、input、focusin等，不可委托的如focus、mouseenter、scroll等不冒泡。
JS 中能做事件委托的事件，必须支持冒泡；不冒泡的事件无法在父元素监听子元素的触发行为。核心判断依据不是“是否常用”，而是浏览器规范中该事件的 bubbles 属性是否为 true。
支持冒泡、适合事件委托的常见事件
这些事件会从目标元素逐层向上传播到祖先节点，因此可在父容器统一绑定，实现高效、动态的事件管理：
-
click、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout：鼠标类交互事件基本都冒泡（注意：
mouseenter和mouseleave不冒泡，但语义更精准） - keydown、keyup、keypress：键盘事件支持冒泡，常用于表单或全局快捷键监听
-
input、change、submit、reset：表单相关事件中，
input和change冒泡（change在某些旧版 Safari 中有兼容差异，但现代环境已稳定） -
focusin、focusout：这是
focus/blur的冒泡替代方案，专为事件委托设计，行为一致且兼容性好（Chrome 5+、Firefox 52+、Safari 5.1+、Edge 全支持）
不支持冒泡、不能直接用于事件委托的事件
它们只在目标元素自身触发，即使你在父元素用 addEventListener('focus', ...) 或加 true 启用捕获，也不会生效——浏览器会忽略捕获参数，仅在目标阶段执行：
dmap-jsapi-skill
下载
DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
-
focus、blur：焦点切换只影响当前元素，冒泡无意义；若需委托，必须改用
focusin/focusout -
load、unload、error、abort：资源加载/失败类事件，作用域限于具体元素（如
<img>、<script></script>），不传播 - scroll、resize、online、offline：这类事件触发频繁或与视口/窗口强绑定，规范禁止冒泡以避免性能失控
- mouseenter、mouseleave、mousewheel（现为 wheel）、pointerenter、pointerleave：语义上描述“进入/离开某元素边界”，不涉及子元素穿透，因此不冒泡
- readystatechange、storage、transitionend、animationend：状态变更或生命周期类事件，天然属于单一目标，无需也不允许向上通知
如何快速验证某个事件是否冒泡
最可靠的方式是查 MDN 文档中该事件的 “Bubbles” 字段；也可以在控制台运行：
const event = new Event('focus', { bubbles: true });
console.log(event.bubbles); // false → 不冒泡
const event2 = new Event('click', { bubbles: true });
console.log(event2.bubbles); // true → 冒泡
注意：构造事件时传入的 bubbles 选项，仅反映你创建的对象属性，不代表原生事件的真实行为。真实行为由规范定义，不可覆盖。
实际开发中的替代策略
遇到不冒泡但又需要“集中响应”的场景，不要硬套委托，优先考虑以下方式：
- 对
focus/blur：直接使用focusin/focusout，它们就是为此而生的 - 对
load/error（如图片加载失败）：可结合MutationObserver监听新插入的元素并动态绑定，或用代理容器的onload属性（仅限部分元素） - 对
scroll：监听目标元素本身，配合防抖；如需“滚动进入视区”，用IntersectionObserver更合理 - 对动态生成的元素：只要事件本身支持冒泡，委托就天然有效；否则，绑定逻辑需随元素创建同步执行
