位置: 编程技术 - 正文

利用JQuery阻止事件冒泡(jquery设置禁用)

编辑:rootadmin

推荐整理分享利用JQuery阻止事件冒泡(jquery设置禁用),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery阻止默认事件,jquery阻止默认事件,jquery阻止a标签跳转,jq阻止事件冒泡的方法,jquery阻止事件冒泡的方法,jquery阻止事件冒泡的方法,jquery阻止表单提交,jquery阻止a标签跳转,内容如对您有帮助,希望把文章链接给更多的朋友!

冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。

我们在平时的开发过程中,肯定会遇到在一个div(这个div可以是元素)包裹一个div的情况,但是呢,在这两个div上都添加了事件,如果点击里面的div我们希望处理这个div的事件,但是呢,我们不希望外层的div的事件也执行,这时候我们就要用到阻止冒泡。

通俗点来说吧,你在家里看电视,躲在自己的小房间,但是你不希望声音传到隔壁父母的耳朵里,这时候,你可能躲在被窝里,或者墙壁的隔音效果很好,阻隔声音可以理解为阻止冒泡。

显示结果

对应的jQuery代码如下:

利用JQuery阻止事件冒泡(jquery设置禁用)

当点击小div时,会触发大div与body 的点击事件。点击大div时会触发body的点击事件。

如何防止这种冒泡事件发生呢?

修改如下:

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

有时候点击提交按钮会有一些默认事件。比如跳转到别的界面。但是如果没有通过验证的话,就不应该跳转。这时候可以通过设置event.preventDefault(); //阻止默认行为 ( 表单提交 )。

html部分

//阻止默认行为 ( 表单提交 ) event.preventDefault(); 还有一种防止默认行为的方法就是return false。效果一样。

代码如下:

同理,上面的冒泡事件也可以通过return false来处理。

标签: jquery设置禁用

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

上一篇:实例解析jQuery中如何取消后续执行内容(jquery 案例)

下一篇:IE8兼容Jquery.validate.js的问题(ie8兼容性模式设置在哪)

  • 流量结转是什么意思
  • 纳税人进口货物应当自海关填发税款
  • 预提所得税的计税基础
  • 综合税率的计算方法是什么
  • 公司注销还能要回钱吗
  • 出租车发票上没有二维码
  • 单用途卡与多用途卡
  • 退休后补发退休前的工资需要扣社保吗
  • 价内税是指
  • 外汇结款怎么办理
  • 帮客人清关的费用如何做会计核算合适呢?
  • 年底暂估成本有风险吗
  • 高新企业帐务流程
  • 属于资金的筹资方式是
  • 小规模纳税人增值税优惠政策2023
  • 怎么确认权益性投资收益收入?
  • 财务会计怎么学好
  • 企业债券收入要在所得税前扣除吗
  • 公司法人借款给公司怎么取出来
  • 行政单位无形资产入账标准
  • 保证金计入哪个会计科目
  • 1697509966
  • 企业合并怎么处理
  • 固定资产折旧有几类
  • u盘写入扇区错误
  • 交通费用扣除标准
  • PHP:mb_ereg_search()的用法_mbstring函数
  • PHP+jQuery翻板抽奖功能实现
  • typecho安装插件
  • 输入字母和数字 小学信息技术课
  • php数组函数输出《咏雪》里有多少"片"字
  • php的数组函数
  • 解决本地浏览器的方法
  • 苏格兰高地牛一个萌萌哒的合集
  • 合理损耗企业所得税税率
  • 分包工程的账务处理
  • yolov3目标检测步骤流程图
  • yolov8训练自己的数据集 Windows
  • vue的mvvm模型
  • 手撕代码是啥意思
  • 在php中声明变量时,变量名称以什么符号开头
  • 借款合同 印花
  • 库存商品和固定资产是单位会计资产核算的两项内容
  • 什么企业不用交残保金
  • PostgreSQL教程(五):函数和操作符详解(1)
  • 背书的行为
  • 一般纳税人企业所得税税率2023
  • 销售返利及发票开具如何进行会计处理?
  • 小规模纳税人可以开13的税吗
  • 原材料计入什么摘要
  • 咨询费收入成本怎么算
  • 跨年收入冲销如何申报
  • 关于母子公司的关系的表述,正确的是( )
  • 物业公司代收代缴水电费
  • 采购折扣怎么结算
  • 宾馆里面的牙膏收费吗
  • 企业对于发出的货物
  • 外来原始凭证丢了怎么办
  • 长期待摊费用是非流动资产吗
  • 外商投资企业和外商独资企业
  • 快速切换电脑界面
  • ubuntu怎么打开系统设置
  • diskgenius分区linux
  • 怎么给文件夹设置密码保护
  • 如何限制用户只能使用
  • 爬虫 python
  • Strumpy Shader Editor入门教程
  • 统计重复出现的次数
  • android怎么学
  • Python 常用库
  • jqueryfor
  • 力所能及之处,定当竭尽所能
  • 广东电子税务局报税操作流程视频
  • 收到农产品普通发票怎么抵扣
  • 家政公司的清洁工具
  • 小规模纳税人开3%专票怎么交税
  • 社保在线审核
  • 税务志愿者服务队
  • 辽宁朝阳丧葬费标准2022
  • 西藏自治区税务局电子税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设