位置: 编程技术 - 正文

利用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兼容性模式设置在哪)

  • 增值税专用发票的税率是多少啊
  • 不可抵扣进项税额转出
  • 公司给员工代办失业证
  • 小规模纳税人转让不动产增值税
  • 旅游交什么税
  • 电子税务局税种认定怎么操作
  • 回购股票增加权益吗
  • 会计凭证传递的终点是
  • 贴现票据种类
  • 现金存款账户
  • 进出口经营权什么意思
  • 开淘宝注册公司需要什么
  • 跨年租金收入会计分录
  • 违约支付罚款计入哪里
  • 售后回租 出租方
  • 个人股东分红如何合理避税
  • 移动手机网速测试
  • 代开专票名称没有填写可以报销吗
  • 一次性计提折旧的政策
  • 洗牙的利和弊
  • php写接口实现json文件读取
  • win11wifi功能消失了
  • 航天信息服务费发票哪里打印
  • loadprofiles什么意思
  • php循环语句
  • 销售成本属于成本吗
  • php -i
  • java date类型
  • php各大框架以及实现原理
  • taro-ui-vue3
  • 工业会计成本核算读书笔记3000
  • 安装elementUI
  • canvas画线条
  • opencv 边缘检测
  • JavaScript の querySelector 使用说明
  • 信用减值损失需要纳税调整吗
  • 公司注册实收资本能为0嘛
  • 预付和挂账怎么做分录
  • 本月确认收入 发票下月开
  • 如何移除白名单的电话号码
  • 为什么选择我们公司
  • 税金及附加如何预测
  • 小企业会计准则适用于哪些企业
  • 建账的三个基本步骤
  • 网上纳税申报有时间限制吗
  • 公司的个人所得税是什么意思
  • mysql存储引擎的作用
  • 对外支付代扣代缴税费
  • 生活垃圾处理费合法吗
  • 评估增值净利润调减
  • 存在弃置费用的固定资产有哪些
  • 营改增后劳务派遣公司账务处理
  • 安装固定资产所消耗的材料费和人工费属于什么会计科目
  • 未拿到发票如何处理
  • 投资别人的公司叫什么
  • 公司招待费用会计分录
  • 会计利润和税务利润的差异是什么
  • sql数据库口令
  • freebsd查看硬盘信息
  • win10提高
  • win8怎么打开系统设置
  • windows7看视频卡顿如何解决
  • win8屏幕分辨率显示不全
  • 一键快速关机下载手机版
  • win7关闭445端口 注册表
  • android属性动画
  • linux用python
  • express框架作用
  • android基础入门教程
  • 封装是借助什么达到的
  • bootstrap怎么用
  • jQuery插件ajaxfileupload.js实现上传文件
  • jquery获取多个元素
  • 卸载python后模块库还用卸载吗
  • 12123人工咨询电话
  • 软件和集成电路企业税收优惠
  • 广东地税服务电话
  • 一般纳税人开红字发票怎么报税
  • 个体工商户税务注销流程及需要的资料
  • 吉林省国税局网站官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设