Javascript 单击不应在子对象上工作

我在这里尝试了一些可用的解决方案。我在JS中添加了这些代码作为注释。 我的代码，请检查。 我正在努力实现： 当我单击“更多信息”时，不应选中复选框。其他人工作正常

$（“.是会标标签”）。在（'click'，函数（e）上{
如果（例如，目标！==此）
返回；
$（'.main wrapper'）.slideDown（'slow'）；
警报（“单击了foobar”）；
});
/*$（“.is会标标签”）。在（“单击”上，函数（事件）{
event.stopPropagation（）；
警报（“我被点击了，但我的父母不会被点击。”）；
});  */
/*变量a=$（'是花押字.option'）；
a、 “点击”功能（e）{
如果（例如，目标！==此）
返回；
$（'.main wrapper'）.slideDown（'slow'）；
警报（“单击了foobar”）；
}); 
a、 打开（“单击”，功能（事件）{
event.stopPropagation（）；
警报（“我被点击了，但我的父母不会被点击。”）；
}); */
.main包装器{
显示：无；
}

同侧眼睑
更多信息
马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。我是波特提托·莱克图斯·尼布。Donec rutrum congue leo eget malesuada。这是一个自由的世仇。在布朗迪特酒馆的馆长。纳拉·奎斯·洛雷姆·乌特
自由人malesuada feugiat。马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。侵权行为。不可为任何人提供临时服务
选举人。
您已经在处理用户使用
if（e.target！==this）
检查单击
span
的情况

只需在其中添加
e.preventDefault（）
即可停止

  if (e.target !== this){
    e.preventDefault();
    return;
  } 


编辑片段


$（“.是会标标签”）。在（'click'，函数（e）上{
如果（例如，目标！==此）{
e、 预防默认值（）；
返回；
}
$（'.main wrapper'）.slideToggle（'slow'）；
});
/*$（“.is会标标签”）。在（“单击”上，函数（事件）{
event.stopPropagation（）；
警报（“我被点击了，但我的父母不会被点击。”）；
});  */
/*变量a=$（'是花押字.option'）；
a、 “点击”功能（e）{
如果（例如，目标！==此）
返回；
$（'.main wrapper'）.slideDown（'slow'）；
警报（“单击了foobar”）；
}); 
a、 打开（“单击”，功能（事件）{
event.stopPropagation（）；
警报（“我被点击了，但我的父母不会被点击。”）；
}); */
.main包装器{
显示：无；
}

同侧眼睑
更多信息
马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。我是波特提托·莱克图斯·尼布。Donec rutrum congue leo eget malesuada。这是一个自由的世仇。在布朗迪特酒馆的馆长。纳拉·奎斯·洛雷姆·乌特
自由人malesuada feugiat。马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。侵权行为。不可为任何人提供临时服务
选举人。
您已经在处理用户使用
if（e.target！==this）
检查单击
span
的情况

只需在其中添加
e.preventDefault（）
即可停止

  if (e.target !== this){
    e.preventDefault();
    return;
  } 


编辑片段


$（“.是会标标签”）。在（'click'，函数（e）上{
如果（例如，目标！==此）{
e、 预防默认值（）；
返回；
}
$（'.main wrapper'）.slideToggle（'slow'）；
});
/*$（“.is会标标签”）。在（“单击”上，函数（事件）{
event.stopPropagation（）；
警报（“我被点击了，但我的父母不会被点击。”）；
});  */
/*变量a=$（'是花押字.option'）；
a、 “点击”功能（e）{
如果（例如，目标！==此）
返回；
$（'.main wrapper'）.slideDown（'slow'）；
警报（“单击了foobar”）；
}); 
a、 打开（“单击”，功能（事件）{
event.stopPropagation（）；
警报（“我被点击了，但我的父母不会被点击。”）；
}); */
.main包装器{
显示：无；
}

同侧眼睑
更多信息
马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。我是波特提托·莱克图斯·尼布。Donec rutrum congue leo eget malesuada。这是一个自由的世仇。在布朗迪特酒馆的馆长。纳拉·奎斯·洛雷姆·乌特
自由人malesuada feugiat。马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。侵权行为。不可为任何人提供临时服务
选举人。
您最可能在这里寻找的是
preventDefault

因此，我们可以做的是检查我们单击的实际元素是否具有类
父子span
，如果这样，我们将阻止默认操作，这将导致复选框被触发

因此，将下面的作为第一行放置可以做到这一点

if(e.target.classList.contains("parent-child-span")) return e.preventDefault();

例如


$（“.是会标标签”）。在（'click'，函数（e）上{
//在下面添加这一行。
if（例如target.classList.contains（“父子跨度”））
返回e.preventDefault（）；
如果（例如，目标！==此）
返回；
$（'.main wrapper'）.slideDown（'slow'）；
警报（“单击了foobar”）；
});
/*$（“.is会标标签”）。在（“单击”上，函数（事件）{
event.stopPropagation（）；
警报（“我被点击了，但我的父母不会被点击。”）；
});  */
/*变量a=$（'是花押字.option'）；
a、 “点击”功能（e）{
如果（例如，目标！==此）
返回；
$（'.main wrapper'）.slideDown（'slow'）；
警报（“单击了foobar”）；
}); 
a、 打开（“单击”，功能（事件）{
event.stopPropagation（）；
警报（“我被点击了，但我的父母不会被点击。”）；
}); */
.main包装器{
显示：无；
}

同侧眼睑
更多信息
马萨是一位杰出的智者，康瓦利斯是一位佩伦特式的nec，埃吉斯塔是一位非nisi。我是波特提托·莱克图斯·尼布。Donec rutrum congue leo eget malesuada。这是一个自由的世仇。库拉比图阿里酒店