zoukankan      html  css  js  c++  java
  • Jquery 事件冒泡 以及阻止默认事件

    1.e.preventDefault()阻止事件默认行为

    e.preventDefault();----根据英文意思,如:<a href="http://i.cnblogs.com/EditPosts.aspx?opt=1" id="xx">xx</a>

    $("#xx").click(function(e){

    alert("xxx");
    e.preventDefault();
    });  ----------------------------------这个时候 会弹出“xxx”,不会跳转到href==

    2.e.stopPropagation() 阻止事件冒泡

    事件冒泡 都是由里而外的。

    <div style="200px;height:200px;border:1px solid red;" class="pp">
      <a href="http://i.cnblogs.com/EditPosts.aspx?opt=1" id="xx">xx</a>
    </div>

    $(".pp").click(function(e){

    alert("PP");
    });
    $("#xx").click(function(e){

    alert("xxx");
    e.preventDefault();
    e.stopPropagation();
    });-----------这个时候  就不会弹出“PP”

    3。return false除了阻止默认行为之外,还会阻止事件冒泡!

  • 相关阅读:
    2020/8/8
    2020/8/7
    2020/8/6
    2020/8/5
    2020/8/4
    2020/8/3
    19,CSS 滤镜
    18 章 CSS 链接、光标、 DHTML 、缩放
    17 , CSS 区块、浮动、定位、溢出、滚动条
    16 , CSS 边框与边界
  • 原文地址:https://www.cnblogs.com/qianduanxiaocaij/p/4933490.html
Copyright © 2011-2022 走看看