JQuery中如何阻止冒泡事件
1、新建文件夹“bubbling”,在其内部添加“Home.html”页面,并创建“Content\JS\jquery-1.11.0.min.js”。形式如下:bubbling -- Content -- JS -- jquery-1.11.0.min.js -- Home


2、在Home页面中添加Jquery文件的引用,同时,在最后添加测试引用是否成功,引用添加成功时,在浏览器中运行Home页面,会弹出“测试Jquery引用”


3、在Home页面添加代码,测试正常的Jquery事件冒泡

4、未阻止的Jquery事件冒泡:1)当点击“内层div”的时候,会先触发内层div的事件,再执行外层div的事件2)当点击“外层div”的时候,会触发外层div的事件,不会执行内层div的事件,即:冒泡是向上触发事件的



5、在Home页面的“内层div”点击事件中,添加阻止事件冒泡的代码,将不会看到“外层div”的事件执行

6、注意:如果不使用“return false”来阻止冒泡,上述代码在旧版本的IE中会报错,需要换种方式实现。所以,安全起见,使用“return false;”适用任何浏览器
