463day（jQuery事件对象，阻止冒泡和浏览器默认行为）

最新推荐文章于 2024-09-11 20:28:45 发布

原创最新推荐文章于 2024-09-11 20:28:45 发布 · 124 阅读

0 ·

CC 4.0 BY-SA版权

《2019年1月9日》【连续463天】

标题：jQuery事件对象，阻止冒泡和浏览器默认行为；
内容：


<body>
<div>这是一个div</div>
<p>这是一个p元素</p>
<script src="jquery-1.12.4.js"></script>
<script>
  $(function () {
    
    //100，注册的时候的时候，把100传到事件里面去。
    var money = 100;
    //on(types, selector, data, callback)
    //使用on方法的时候，可以给data参数传一个值，可以在事件里面通过e.data获取到。
    $("div").on("click",money, function (e) {
      console.log(e);
      console.log(e.data);
    });
    
    money = 0;
    $("p").on("click", function () {
      console.log(money);
    })
    
  });
</script>
</body>

<a href="http://www.baidu.com" id="link">呵呵</a>


<script src="jquery-1.12.4.js"></script>
<script>
  $(function () {
    
    $("#link").on("click", function (e) {
      
      //阻止 默认
      e.preventDefault();
      e.stopPropagation();
      alert("呵呵");
      //return false;//既能阻止事件冒泡，也能阻止浏览器的默认行为。
      //console.log(e.cancelBubble);
      //alert("呵呵");
    });
    
    $("body").on("click", function () {
      alert("嘻嘻");
    })
    
  });
</script>