按钮里的图标被点中却找不到动作，怎样核对 target 与 currentTarget

委托监听器中的 target 可能是按钮里的图标或文字，currentTarget 才是挂监听器的容器。沿 target.closest 找到动作按钮后，还要确认它属于当前容器，才能把内层命中稳定解析成同一个动作。

把点击位置拆成两个不同输入

页面里的同一按钮含图标span和文字span。脚本分别点击二者，记录target、currentTarget和最终action；前两次target不同，但动作都应是detail。这样可以复现“点按钮空白处可以，点图标不行”的细小差别，而不是笼统地把整屏有时无响应归因于触摸设备。

委托解析要守住容器边界

从事件目标向上找button[data-action]，再用contains核对候选按钮仍在当前panel中。若找不到，说明这次点击不对应此容器负责的操作，应直接返回。复杂页面可能还有嵌套面板，动作寻址要约定哪层拥有控制权，不能见到祖先上任何data-action就执行。读取currentTarget应在回调内完成，异步之后不能依赖它仍保留原值。

反例是把事件目标强当按钮

直接读取e.target.dataset.action时，点到图标得到的通常是undefined；为了修复而给每个span再复制一份动作字段，会把内容结构与业务标记绑在一起。另一种反例是阻止图标接收所有指针事件，这可能临时改变target，却掩盖委托代码仍不支持内部链接、标签和其他正常子元素的问题。

如何判定修复范围

附件断言两次输入均映射到同一个detail，但不实际切换展项或发送控制命令。项目中继续测试按钮内有多层图标、动态新增卡片以及容器外相似元素，确保监听器不漏接也不越界。若回调被执行两次，另查重复绑定与双事件入口；这和target解析错误是两个问题，不应靠增加判断条件混在一起处理。

让日志同时表达命中与动作

交付记录应保留原始target而不只保存解析后的action，否则后续无法判断图标、文字或按钮边框的差异。currentTarget只是当前监听器所在节点，并不表示业务动作一定属于它。动态列表新增卡片时，容器委托通常无需逐张重新绑定，但容器本身若被替换仍需按生命周期重新注册；这两种更新要分别记录，避免修复图标后又引入回调累积。

下载并复现

下载原创HTML夹具、独立验证程序、本次执行记录和依赖与运行说明，放在同一目录。安装Playwright 1.58.0及其Chromium后运行 python verify.py；程序使用两个随机本地端口，自动关闭浏览器与服务，不请求外网或业务接口。

本次实际环境为Python 3.12.4、Playwright 1.58.0、Chromium 145.0.7632.6。Playwright浏览器鼠标/键盘与页面API实跑；无实体硬件或业务控制。断言已通过；完整事件和数值保留在执行记录，不能把它改名后当目标展项测量。

继续核查与一级出处

基础背景见中控触摸界面（UI）设计规范。普通嵌套目标解析之外，组件边界还会重定向事件目标，可继续用组件内部点了按钮外层只看到宿主，怎样检查 Shadow DOM composedPath取证；相关工程入口在专题与产品对接说明。

• 事件目标、当前监听目标与传播路径：2026-10-24已联网读取一级来源；WHATWG DOM Living Standard，读取页标记2026-10-19更新。