小程序营销的关键_JQuery工作冒泡和默认行为代码

2021-01-05 14:24 admin
JQuery事件冒泡和默认行为代码实例       这篇文章主要介绍了JQuery事件冒泡和默认行为代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

方式二:在事件回调函数的形参列表中添加event,然后在回调函数中调用event.stopPropagation();.

事件的默认行为

什么是事件的默认行为?

就是像a标签那样,没有绑定事件,但只要点击了就会自动跳转的行为

像提交按钮一样,没有绑定事件,但是点击就会提交表单信息,自动跳转

如何阻止事件的默认行为?

方式一:在事件的回调函数中加上return false;

方式二:在事件回调函数的形参列表中添加event,然后在回调函数中调用event.stopPropagation();.

示例代码

HTML以及css代码

 !DOCTYPE html 
 html lang="en" 
 head 
 meta charset="UTF-8" 
 title 23-jQuery事件的冒泡和默认行为 /title 
 style 
 margin: 0;
 padding: 0;
 .father{
 width: 400px;
 height: 400px;
 background-color: brown;
 .son{
 width: 200px;
 height: 200px;
 background-color: skyblue;
 /style 

运行效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。