Javascript 反应单击事件不冒泡

我有问题，在反应事件冒泡。我在跨度元素内部和上方部分元素的某处有一对图标，如下所示：

const-App=（）=>{
const onClick=（event）=>alert（event.target.nodeName）；
返回(
点击我
);
};

单击

i

标记后，我正在等待事件气泡-调用onClick至少两次（第一次为i，第二次为span）。但它从未发生过。你能告诉我为什么吗

我知道可能的解决方案——将

I

上的

指针事件设置为
none
，但我更想知道为什么事件不冒泡

谢谢你
我看到了你在问题中提到的代码

首先，您没有将onClick事件添加到

<i/>



标签。首先添加onClick，然后尝试添加span。到目前为止，我看到您只为部分添加了onClick。
谢谢。由于
和
组件的深度，我决定将onClick listener附加在上面，以过滤点击。在不修改span和icon元素的情况下，是否有任何解释？我认为您可能感到困惑或不清楚。冒泡仅在子级有onClick时发生，其父级也有onClick，其父级也有onClick。只有当冒泡事件发生时是的，昨天我在第五次阅读js冒泡事件页面后发现了。。我不知道为什么我认为冒泡工作时，顶级家长听事件，并将捕获所有层次冒泡事件