JQuery中如何阻止冒泡事件

2025-07-11 09:30:48

1、新建文件夹“bubbling”,在其内部添加“Home.html”页面,并创建“Content\JS\jquery-1.11.0.min.js惯墀眚篪”。形式如下:bubbling -- Content -- JS -- jquery-1.11.0.min.js -- Home

JQuery中如何阻止冒泡事件JQuery中如何阻止冒泡事件

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

JQuery中如何阻止冒泡事件JQuery中如何阻止冒泡事件

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

JQuery中如何阻止冒泡事件

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

JQuery中如何阻止冒泡事件JQuery中如何阻止冒泡事件JQuery中如何阻止冒泡事件

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

JQuery中如何阻止冒泡事件

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

JQuery中如何阻止冒泡事件
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢