位置: 编程技术 - 正文

jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)(jquery触发点击事件click)

编辑:rootadmin

推荐整理分享jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)(jquery触发点击事件click),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery触发点击事件click,jquery的点击事件怎么写,jquery点击事件有什么方法显示,jquery的点击事件怎么写,jquery点击按钮弹出窗口,jquery实现点击按钮,jquery中点击事件点击没动静,jquery实现点击按钮,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例讲述了jQuery实现点击某个div打开层,点击其他div关闭层的方法。分享给大家供大家参考,具体如下:

其实很早就学过js一些高级部分的知识,但是用的不多,也就慢慢淡忘了。最近发现随着编程的深入,你不得不用到它们,比如事件的冒泡。

有一需求如下:

①点击class = "click" 块 弹出 class="pop" 块②点击class = "page" 块 关闭 class="pop" 块③点击class = "pop" 块 不关闭任何块

如果用jQuery 鲁莽一点,直接的程序就写出来了

jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)(jquery触发点击事件click)

你这么一闹腾,问题就出来了,当我点击"click"块的时候,妹的,我还没看到弹出层 "pop",瞬间就关闭了,这是为什么呢?因为你点击"click" 的瞬间,触发了两个事件,第一个是 自己本身的点击事件,因为自己的父层也注册了点击事件,那第二个父层的点击事件也被触发了,即所谓的事件冒泡。

我又想保留这两个事件,但又不想出现这样的情况,怎么办,这就是我要说的 阻止事件冒泡。

阻止事件冒泡大致有两种办法:

1)使用 return false;2)使用 event.stopPropagation();

其实两者的原理差不多,就是屏蔽要冒泡的对象

或者:

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery窗口操作技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

jQuery实现隔行变色的方法分析(对比原生JS) 本文实例分析了jQuery实现隔行变色的方法。分享给大家供大家参考,具体如下:原生js:vartab=document.getElementByTagName('table')[0];vartr=tab.getElementByTagName('tr');

基于jQuery的select下拉框选择触发事件实例分析 本文实例讲述了基于jQuery的select下拉框选择触发事件实现方法。分享给大家供大家参考,具体如下:我一直以来都认为,select下拉框选择对选项options使

基于jQuery的checkbox全选问题分析 本文实例分析了基于jQuery的checkbox全选问题。分享给大家供大家参考,具体如下:最近开发项目时遇到一个很奇怪的问题,就是checkbox的全选与全不选使

标签: jquery触发点击事件click

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

上一篇:jQuery实现自动调用和触发某个事件的方法(jquery自动完成插件)

下一篇:jQuery实现隔行变色的方法分析(对比原生JS)(jquery实现隔行变色的分享特效页面)

  • 交增值税及附加税怎么做账
  • 个税申报可以去税务局吗
  • 企业年末要写财务报告吗
  • 电子税务局怎么添加购票人
  • 影响年初未分配利润的事项
  • 资产处置收益对应科目
  • 小规模纳税人取的专票能抵扣吗
  • 模具费入什么会计科目
  • 年末结转增值税之后增值税有余额嘛
  • 增值税逾期未申报的税务怎么处理
  • 税控减免税结转怎么操作
  • 固定资产减半征收2%申报如何填增值税纳税申报表
  • 已验旧和未验旧
  • 知识产权投资入股要交税吗
  • 发票普票冲红
  • 银行支票怎么用
  • 季报现金流量表怎么填
  • 政府补贴的银行卡注销了会怎么样
  • 收回已核销的坏账并入账是什么意思
  • 预付账款为什么是资产
  • 自用房地产转换为采用公允价值
  • php面包屑导航
  • exedown是什么文件夹
  • vue-router跳转
  • mac vue搭建本地环境
  • 珠穆朗玛峰的壮观
  • 新会计准则2020变化
  • 损益类科目调整影响所得税吗为什么
  • Vue中 Vue-Baidu-Map基本使用
  • vue el-
  • 去年多计提的所得税怎么调整
  • wordpress标签tag文章
  • 非营利组织如何才能获得持续稳定的公益捐赠
  • 有什么是即征即退税的
  • 我们买得起一辆新车吗?英文
  • 建筑企业未按规定预缴增值税
  • jquery vue.js
  • SQLServer 2008 R2中使用Cross apply统计最新数据和最近数据
  • 织梦一直显示上一页和下一页
  • 对外捐赠固定资产会影响利润总额吗
  • 商业承兑汇票如何追索
  • win7系统安装包在哪个文件夹
  • 国债利息收入要征税吗
  • 已经认证抵扣的发票,要退回,怎么处理
  • 无形资产摊销账面价值
  • 投资性房地产租金税率是多少
  • 测距仪计入什么科目
  • 其他综合收益转出
  • 什么是企业合并的具体动因之一
  • 买入返售金融资产 流动资产
  • mysql经典书
  • sql语句行转列
  • 错误的英文
  • xp ie浏览器无法显示网页
  • linux系统中cp命令
  • 如何重设苹果手机的ID密码
  • windows屏幕上有多个窗口时
  • Ubuntu 14.04安装java的方法以Ubuntu14.04为例
  • QuickBooks - QuickBooks是什么进程 有什么用
  • win7不能运行应用程序的方法
  • 硬盘安装fedora
  • win7使用技巧
  • Linux dpkg-query 命令用法详解(Debian Linux中软件包的查询工具)
  • win7系统如何修改默认浏览器
  • linux 内存文件夹
  • 近期win7蓝屏
  • linux filezilla使用教程
  • 人走鸟不惊,出自于谁的诗句?
  • 显示网络配置的命令
  • js html css
  • jquery form序列化
  • python爬虫利器
  • javascript如何禁用
  • 财税刘毅
  • 进入杭州车辆怎么申请
  • 动员讲话简短精辟
  • 梦幻西游新区绿色通道多少钱
  • 养猪环保局有什么新政策
  • 福建省泉州市石狮市新服装城
  • 增值税率下降
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设