Javascript 单击元素div（子元素除外）上的事件

我有一个列表，左侧包含文本，右侧包含图像。 我想在单击list元素时创建一个click事件，它会触发代码，但在同一元素上单击图像时，它不会触发代码

$（'.list group'）。在（'click'，'data toggle=“lightbox”]'上，函数（事件）{
event.preventDefault（）
$（this.ekkoLightbox（））
})
$（'.list group'）。在（'click'，'list group item'，函数（e）上{
if（$（this）.hasClass（'active'））{
$（this.removeClass（'active'））
$（this）.最近（'.input'）。查找（'input'）。单击（）
}否则{
$（this.addClass（'active'））
$（this）.最近（'.input'）。查找（'input'）。单击（）
}
})

.img流体{
高度：150像素；
宽度：150px；
}
.列表组项目{
光标：指针；
}

克拉斯胡斯托奥迪奥酒店

所以我在下面举了一个例子

$（“.list group”）。在（“单击”、“[data toggle=“lightbox”]”上，函数（事件）{
event.preventDefault（）；
if（！$（“.list group.list group item”）.hasClass（“活动”））{
$（this.ekkoLightbox（）；
}
});
$（“.list-group”）。在（“单击“，”.list-group-item）上，函数（e）{
if（$（e.target）.hasClass（“活动”））{
$（e.target）.removeClass（“活动”）；
$（本）
.最近（“.输入”）
.find（“输入”）
。单击（）；
}否则{
$（e.target）.addClass（“活动”）；
$（本）
.最近（“.输入”）
.find（“输入”）
。单击（）；
}
});
.img流体{
高度：150像素；
宽度：150px；
}
.列表组项目{
光标：指针；
}



克拉斯胡斯托奥迪奥酒店


你所说的
触发代码是什么意思。单击“位置”时应该发生什么。我尝试了你的代码并点击了listitem和图像，结果背景改变了颜色。它应该添加活动类并将其状态保存到localsorage，但问题是当点击图像时，它会添加活动类并打开图像弹出窗口，我只想从li click事件中排除图像如果单击图像，是否要添加“活动”类？如果单击除图像以外的任何位置的列表元素，则添加活动类