位置: 编程技术 - 正文

浅谈jQuery 中的事件冒泡和阻止默认行为(jquery的gt)

编辑:rootadmin

推荐整理分享浅谈jQuery 中的事件冒泡和阻止默认行为(jquery的gt),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jqueryui,jquery技巧,jquery的gt,jquery示例,jquery示例,jqueryui,jquery的用处,jquery的gt,内容如对您有帮助,希望把文章链接给更多的朋友!

1、事件冒泡

当点击内部 <span> 元素时,会触发自身及外层 <div> 和 <body> 的点击事件,这就是事件冒泡引起的。事件会随着 DOM 的层次结构依次向上传播。

事件冒泡可能会引起意料之外的效果,有时候需要阻止事件的冒泡行为,使用 stopPropagation() 方法来实现。

修改 <span> 元素的 click 事件函数:

此时点击内部 <span> 元素时,只会触发自身的 click 事件,不会再向上冒泡。

浅谈jQuery 中的事件冒泡和阻止默认行为(jquery的gt)

2、阻止默认行为

有时候用户的操作未满足某些条件时,需要阻止某些元素的默认行为,如链接的跳转和表单的提交等,jQuery 提供了 preventDefault() 方法来实现。

当用户未填写用户名时,阻止表单提交:

如果想同时阻止事件冒泡和阻止元素默认行为,可以在事件函数中返回 false 来代替调用 stopPropagation() 和 preventDefault() 方法。

如:

以上这篇浅谈jQuery 中的事件冒泡和阻止默认行为就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

jQuery中使用animate自定义动画的方法 动画animate().animate()方法的简单使用有些复杂的动画通过之前学到的几个动画函数是不能够实现,这时候就是强大的animate方法了。操作一个元素执行3秒

jQuery实现图像旋转动画效果 废话不多说了,直接给大家贴代码了,具体代码如下所示:!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""

基于jQuery实现仿百度首页选项卡切换效果 以下代码比较简单,所以没给大家附太多的注释,有问题欢迎给我留言,具体详情请看下文代码吧。先给大家展示下效果图:代码如下:!DOCTYPEhtmlhtmlhead

标签: jquery的gt

本文链接地址:https://www.jiuchutong.com/biancheng/387341.html 转载请保留说明!

上一篇:jquery取消事件冒泡的三种方法(推荐)(jquery页面关闭事件)

下一篇:jQuery中使用animate自定义动画的方法

  • 城市维护建设税优惠政策
  • 外资企业法最新
  • 中小企业工会经费怎么算
  • 企业会计一般做什么
  • 电子承兑汇票如何撤回
  • 当月发票未收到怎么办
  • 展会门票费计入什么科目
  • 工程项目垃圾清运项目编码
  • 退货应入会计什么科目
  • 审工资的流程
  • 国税和地税要怎么合并
  • 商贸企业可以使用月末一次加权平均
  • 差旅费补贴需要缴纳个人所得税吗需要发票
  • 生产企业出口退税流程及账务处理
  • 公司筹建期产生的费用如何开票?
  • 公司作账都按不含税价吗
  • 咨询服务税费多少
  • 装修预付款怎么做账
  • 承兑汇票延期托收证明
  • 固定资产的折旧从什么时候开始
  • 管理员已阻止你运行此应用 win10
  • 设计费要计入固定费用吗
  • 简易计税 科目
  • php字符串定义的三种方式
  • php字符串定义
  • 境外汇款所得税缴纳规定
  • php curl_init
  • 营改增后土增税收入
  • 购进商品发生溢余的核算
  • php_fpm
  • nginx反向代理未知域名
  • 2手房价格
  • 招待客户住宿费进项税可以抵扣吗
  • 公司购买电脑怎么入账科目
  • 织梦cms要钱吗
  • 公对公退款必须退至原账户的规定
  • 母子公司收入合并
  • 软件服务费计入管理费用哪个明细
  • 转出未交增值税会计处理
  • 营业利润净利润利润总额的区别
  • 收回发票会计分录
  • 去年多计提的企业所得税怎么调整
  • 劳动保护费进什么科目
  • 政府代建项目计划方案
  • 资本性支出是什么活动
  • 小微企业注册流程及注意事项
  • 专用发票过期未认证最新规定
  • 为什么有些长期不睡觉
  • sqlserver如何设置主键
  • win8系统中断怎么解决
  • WIN10系统优化技巧
  • solaris 2020
  • 在windows 7中任务栏儿
  • 这张图告诉我们什么道理
  • slpv24s.exe - slpv24s是什么进程
  • win8系统崩溃按f8没用
  • win7系统还能用不
  • win10自带绘画
  • linux 怎么样
  • linux必学的60个命令rar
  • linux计划任务每天九点
  • shell脚本解压tar文件
  • 批处理 删除指定文件
  • xcopy /i
  • javascript制作简易计算机
  • nodejs实战教程
  • js不重复集合
  • jquery 属性
  • shell脚本监控进程
  • javascript如何学
  • Python 使用requests模块发送GET和POST请求的实现代码
  • python读取图片属性
  • python 查找中文
  • android图片压缩到200-300kb
  • 陷阱类过关游戏
  • 苏州昆山税务局电话号码
  • 内蒙古电子税务局登录入口官网
  • 会计报表错误
  • 如何查询医院是否有怀孕建档名额
  • 云南 过年
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设