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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:80
阅读量:69
阅读量:93
阅读量:71
阅读量:54