当前位置: 58彩票app下载 > 关于计算机 > 正文

jQuery阻止冒泡和HTML默认操作

时间:2019-09-18 11:14来源:关于计算机
1:jQuery是四个便捷方便的JavaScript框架,说道框架能够直接领悟为就是对原本底层的东西实行了打包使得开荒者能够运用那么些框架神速支付。    2:在以后的各种浏览器中都支持事件

1:jQuery是四个便捷方便的JavaScript框架,说道框架能够直接领悟为就是对原本底层的东西实行了打包使得开荒者能够运用那么些框架神速支付。

   2:在以后的各种浏览器中都支持事件的冒泡,所谓的冒泡能够这么精晓:

       条件:外层有一个DIV成分,在内层有贰个P成分,他两存在那样的关联:DIV是P元素的父成分,而P是外围DIV的子成分,他们中间存在满含和被含有的涉嫌。
       事件:今后大家都在那四个因素上绑定一样的风云,例如click事件。
       结果:这时,当我们点击内层的P标签的时候,内层成分的click事件触发,同期外层DIV的click事件也会接触。
    3:在HTML中有的成分被定义了有的私下认可的属性,比如说A成分,这一个成分便是大家平常选择的超链接标签,那么些标签的私下认可属性是完成页面的跳转。
    4:在jQuery的每一种风云中都会有三个默许的靶子作为该事件的参数(可是必得出示地被钦命),那么些目的就是event对象,它包括了一部分性子和章程,用于不一样的场子。如下:
       $('p:first').click(function(event){
          //event对象足以动用了
        });
    5:有的时候我们不指望冒泡或暗许的风浪发生,这样就必要一些jQuery的的办法阻碍冒泡和默许的事件了。能够经过以下三种办法成功不等等级次序的遏止。
      A:return false --->In event handler ,prevents default behavior and event bubbing 。
         return false 在事变的管理中,能够阻挡暗中同意事件和冒泡事件。
      B:event.preventDefault()---> In event handler ,prevent default event (allows bubbling) 。
         event.preventDefault()在事件的拍卖中,能够阻止暗中同意事件只是允许冒泡事件的发出。
      C:event.stopPropagation()---> In event handler ,prevent bubbling (allows default behavior).
         event.stopPropagation()在事变的管理中,能够阻挡冒泡然而允许私下认可事件的发生。
  代码如:
         $('.menu li').click(function(){
            $(this).find('ul').toggle();
            return false;//去掉试试效果
            })

你或者感兴趣的小说:

  • jQuery调节DIV层达成由大到小,由远及近动画变化作用
  • jQuery达成单击弹出Div层窗口作用(可关闭可拖动)
  • jQuery实现DIV层缩小张开的方法
  • jQuery完结鼠标滑过Div层背景变颜色的点子
  • jQuery完毕DIV层淡入淡出拖动特效的秘诀
  • jquery鼠标放上去显示悬浮层即弹出稳固的div层
  • jQuery div层的拓展与裁减简单达成代码
  • 基于jquery的模态div层弹出效果
  • jQuery中阻止冒泡事件的主意介绍
  • js阻止冒泡及jquery阻止事件冒泡示例介绍
  • jquery阻止冒泡事件选择模拟事件
  • jQuery完结点击某些div张开层,点击任何div关闭层实例深入分析(阻止冒泡)

编辑:关于计算机 本文来源:jQuery阻止冒泡和HTML默认操作

关键词: