JQuery中如何阻止冒泡事件

 时间:2024-10-28 18:09:22

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中如何阻止冒泡事件
  • 如何查看python包的版本号?
  • NavicatPremium中如何删除Mysql链接
  • layui的快速使用
  • eclipse快捷键和设置
  • js如何通过name属性获取元素的value值
  • 热门搜索
    旅游经济 台湾旅游地图 山西旅游局 秦皇岛旅游一卡通 翁源旅游景点大全 土耳其旅游景点 司马台长城旅游攻略 旅游券 大理古城旅游 美东旅游