外层onclick,内层外层用什么点击有效

此时有这么一个需求点击内层外层的div使该div的背景色变黄,点击外层的div或屏幕的其他地方使内层外层div的背景色恢复红色,实现代码如下:

当只给内层外层div绑定事件的时候可以使背景色变黄,然后加上点击外层div的事件使内层外层div背景色恢复为红色

此时我们可以看到,无论怎么点击内层外层的div背景色嘟不会变黄了,这是因为事件冒泡的话即使你只点击内层外层div,外层的click事件也会被触发而他的事件逻辑是将内层外层div的背景色变红,這样一来当点击内层外层div时,背景色变黄然后迅速又变红我们看不到这个过程,只看到它一直是红的所以要实现这个需求,就必须阻止事件的冒泡

  • 事件 就是和浏览器产生交互效果的事件触发和函数一起使用,当触发事件的时候调用相应的事件去处理接下来的事情。 D...

  • 1.何谓事件 用户和网页交互时的行为,动作,称之为事件; 2.监视事件 现实生活中为了监视车辆是否违章,通过在红...

}

在实现页面过程中我们通常会遇见onclick事件的嵌套问题,当点击内层外层标签的onclick事件时还会触发外层标签的onclick事件,我们要实现的就是阻止外层onclick事件的触发

}

我要回帖

更多关于 内层外层 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信