小编Nar*_*ong的帖子

防止嵌套元素触发父元素的事件

结构体:

.parent (has if/else to toggle on click) -> .child (has nothing)

<div class="parent">Parent
    <div class="child">Child</div>
</div>
Run Code Online (Sandbox Code Playgroud)

父元素的样式设置为隐藏溢出内容并在单击时切换其高度.当用户单击时,父元素将展开以显示子元素.我希望用户能够单击子元素,而不会将父元素切换回原始大小并隐藏子元素.我希望切换只发生在父级上.

我意识到子元素仍然包含在父元素的可点击区域中,但有没有办法将其排除?

html javascript jquery dom javascript-events

10
推荐指数
1
解决办法
1万
查看次数

标签 统计

dom ×1

html ×1

javascript ×1

javascript-events ×1

jquery ×1