使用冒泡来影响外部div(HTML,JavaScript)

时间:2016-01-04 20:46:34

标签: javascript html

简而言之:如何利用冒泡以便单击内部div元素影响最外层的div元素?

HTML

<div class="A">
    <div class="B>
        <div class="C"></div>
    </div>
</div>

我想这样做,以便当用户点击内部div或最外层的div时,最外面的div与内部div一起前进。 div一起表示一个&#34;窗口&#34;屏幕上。将会有几个这样的窗口(具有相同的结构和类),并且可以在页面加载后生成更多窗口。

什么是好习惯?我需要多少个事件参与者? JavaScript应该是什么样的,我需要更改HTML中的任何内容吗?

提前致谢。

1 个答案:

答案 0 :(得分:0)

您只需要一个最外层div 的事件监听器,除非您希望内部div中的单击行为不同,在这种情况下,您可以使用stopPropagation()来停止操作'不管怎么说,还要把链子鼓起来。

MSDN has an example of this here