Html 防止引导折叠元素在折叠器的子级内单击折叠--无事件。stopPropagation（）

更具体地说，我想找到一种方法来防止在委托侦听器元素的子元素中触发的事件触发所述侦听器。我找到的所有与此问题相关的答案都表示使用event.stopPropagation来解决此问题或类似问题、等，但这会导致问题。如果引导下拉列表处于打开状态，则其外部的任何单击都应将其关闭，但如果子元素中的事件传播停止，则不会关闭该下拉列表，因为该下拉列表是event.stopPropagation可能创建的许多错误的示例

这是我的html：

<div id="collapser" data-toggle="collapse" data-target="#collapseDiv">
    <p> Title of Section </p>
    <span> value </span>
    <span class="glyphicon glyphicon-chevron-down"></span>
</div>
<div id="collapseDiv">
    <!-- collapsible content -->
</div>

我希望能够在不切换可折叠div的折叠状态的情况下单击值范围

---

谢谢

实现这一点有两种方法。我是根据要求给出答案的

如果div中的子元素没有事件或操作，则只需添加onclick=event.stopPropagation；。但请记住，这将禁用子元素的任何单击功能。此解决方案仅在您希望防止部分div在单击时不会折叠整个div时才有用

如果div中的子元素在单击时有一些动作，那么最好将该元素移出div，这意味着我们将子元素移出div元素的折叠范围，然后使用CSS在div标记中移动子元素。每次都是这样

---

ADDplz post jquery代码也是您迄今为止尝试过的代码抱歉，我刚刚删除了jquery标记。我没有尝试任何jquery，因为我只是不确定该使用它。我考虑过使用创建的hide.bs.collapse和show.bs.collapse事件，但我不知道如何仅在单击某个元素时取消这些事件。