Javascript 如何在div标记上使用onclick

我在div标签中有一个段落和一个按钮。我想在div标签上使用onlick=”“方法，但不想在该div标签内的按钮上使用。我怎样才能做到这一点

{{data.name}/{{data.messager_profile}}{{data.message_headline}


8天前



详细消息：-{{data.Message}

您要查找的是方法。这将防止事件冒泡到父容器。下面是一个使用HTML的示例。我使用jQuery是因为涉及到引导

$（“.alert.alert secondary”）。单击（函数（）{
console.log（“父容器”）；
})
$（“.btn关闭”）。单击（函数（e）{
e、 预防默认值（）；
e、 停止传播（）；
控制台日志（“按钮”）；
})

{{data.name}/{{data.messager_profile}}{{data.message_headline}


8天前

按钮


详细消息：-{{data.Message}

此处不需要jQuery，也不需要更改按钮单击的行为。相反，在单击处理程序中，检查单击的元素：

文档
.querySelector（'.alert.alert secondary'）//选择div
.addEventListener（'click'，函数（e）{//注册一个click侦听器
const clickedElement=e.target；//事件对象保存有关已单击元素的信息
如果（clickedElement.tagName！=='BUTTON'）{//请确保您不会对冒泡到div的按钮单击做出反应
log（'div clicked'）；
}
});


{{data.name}/{{data.messager_profile}}{{data.message_headline}


8天前

x


详细消息：-{{data.Message}
您的问题有答案吗？如果没有，请作出相应评论。如果是，请选择一个答案。