Fatal编程技术网
  • javascript/
  • Javascript 如何在所有子元素上激活onclick事件

Javascript 如何在所有子元素上激活onclick事件

javascript html

Javascript 如何在所有子元素上激活onclick事件,javascript,html,Javascript,Html,现在我有一个大div，里面有多个子元素。我已将onclick事件附加到大型div标记。但是，onclick事件仅在单击大div内部的空白时有效。在单击大div内部的子元素（如文本）时无效。我想知道是否有一种简单的方法可以捕获大div内部的任何单击，因此我不需要将onclick事件附加到每个子元素 编辑：添加代码段 尝试将文本从蓝色更改为红色。当您单击较大div的空白处时，文本会改变颜色。单击文本的子元素时，颜色不变。是否有一个简单的修复方法，可以单击大div中的任意位置来更改文本颜色 功能转换

现在我有一个大div，里面有多个子元素。我已将onclick事件附加到大型div标记。但是，onclick事件仅在单击大div内部的空白时有效。在单击大div内部的子元素（如文本）时无效。我想知道是否有一种简单的方法可以捕获大div内部的任何单击，因此我不需要将onclick事件附加到每个子元素

编辑：添加代码段

尝试将文本从蓝色更改为红色。当您单击较大div的空白处时，文本会改变颜色。单击文本的子元素时，颜色不变。是否有一个简单的修复方法，可以单击大div中的任意位置来更改文本颜色

功能转换{ event.target.querySelector.change.style.color=red； } .改变{ 颜色：蓝色； }

更改文本颜色

另一段

您可以在现有元素上使用覆盖元素，并使用css使其透明，并在此覆盖元素上添加eventlistener