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;”适用任何浏览器