javascript冒泡事件的用法示例(code)

web前端|js教程 javascript冒泡事件的用法示例(code)

冒泡事件

web前端-js教程

本篇文章给大家带来的内容是关于javascript冒泡事件的用法示例（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

5442壁纸之家源码,ubuntu运行最低配置,tomcat+手机端乱码,山东金乡爬虫,php代码教程,东莞seo关键词优化是什么lzw

说明：当下层元素和上层元素支持同一事件，当上层事件触发时，下层事件也触发，这就叫事件冒泡。

小视频网站网站源码下载,d盘装ubuntu,爬虫获取微博,php票务,seo能快速lzw

取消事件冒泡：ev.cancelBubble = true

thinksns多少钱买源码,Ubuntu压缩gz包,神箭手云爬虫fields,php转换app,西安seo人员lzw

                                    body{        background:yellow;}        div{        width:300px;        height:300px;        background:green;        }                        
                function di(){    alert('底层')        }    function ding(e){    var ev = e|| event// 取消事件冒泡，其实是阻止事件向下传递            ev.cancelBubble = true    alert('上层社会')    }

点击上层div，会连带触发下层事件。取消冒泡只需要：ev.cancelBubble = true

javascript冒泡事件的用法示例(code)

冒泡事件