event.stopPropagation()和event.preventDefault()

最新推荐文章于 2024-08-29 10:00:00 发布

zxw162

最新推荐文章于 2024-08-29 10:00:00 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/zxw162/article/details/80116985

版权

一、event.stopPropagation();阻止冒泡事件

$(document).ready(function(){
  $("span").click(function(event){
    event.stopPropagation();
    alert("The span element was clicked.");
  });
  $("p").click(function(event){
    alert("The p element was clicked.");
  });
  $("div").click(function(){
    alert("The div element was clicked.");
  });
});

阻止click事件冒泡到父元素；当点击span标签时只会弹出

The span element was clicked.

而当点击p标签时，则会弹出

The p element was clicked.随后弹出，The div element was clicked.

二、event.preventDefault() 方法阻止元素发生默认的行为。

例如阻止打开url，当点击提交按钮时阻止对表单的提交等等

<a href="http://w3cschool.cc/">Go to W3Cschool.cc</a>
<script>
$(document).ready(function(){
  $("a").click(function(event){
    event.preventDefault();
  });
});
</script>