javascript - 是否可以将内部 Div Click 绑定(bind)到外部 Div？

Question

每当我点击一个 Div 时，我都试图触发一个函数，但是那个 Div 有一个内部 Div，这意味着如果我点击它里面它会触发 onClick 但在错误的 Div 上

我在 Internet 上四处寻找，但找不到任何答案。

返回下面代码的 map 函数

<Card onClick={props.setSelectedTemplate}  key={template.id} className="AdCopies" id={template.id.toString()}>
        <SimpleAdCopy headlines={template.headlines} descriptions={template.descriptions} url={'www.google.com'}/>
 </Card>

function handleClick(event) {
    console.log(event.target.id)
  }

我需要点击始终绑定(bind)到外部 div，即使我点击内部 Div

Answer 1

您想使用 event.currentTarget而不是 event.target . target 是点击的内容，currentTarget 是事件绑定(bind)的元素。