美文网首页
用一个点击别处关闭浮层来分析事件冒泡

用一个点击别处关闭浮层来分析事件冒泡

作者: Nelson_sylar | 来源:发表于2018-11-23 11:00 被阅读0次
代码

当点击【点我】按钮时,浮层不会显示是因为事件冒泡,同时触发了 show()和hide(),为了避免
这种情况
可以用setTimeout的方式短暂延迟执行时间,事件冒泡过后,再加入执行队列
http://js.jirengu.com/lular/1/edit?html,css,js,output

再来一个事件冒泡的例子,点击中间圆圈,周围会逐个上色


http://js.jirengu.com/liwup/1/edit?html,css,js,output

相关文章

  • 用一个点击别处关闭浮层来分析事件冒泡

    再来一个事件冒泡的例子,点击中间圆圈,周围会逐个上色 http://js.jirengu.com/liwup/1/...

  • DOM事件笔记

    点击别处关闭浮层 1.阻止事件传播(stopPropagation) 阻止冒泡,不通知父级元素代码(documen...

  • DOM事件实例

    点击别处关闭浮层 Ⅰ. 思路1 阻止冒泡 stopPropagation() 案例点这里 bug:同样地,点击浮...

  • 从“点击别处关闭浮层”了解事件传播机制

    写出一个点开浮层、关闭浮层的例子,要求:1)点击按钮弹出浮层2)点击别处关闭浮层3)点击浮层时,浮层不得关闭4)再...

  • DOM 事件模型2:阻止冒泡,popover

    从popover(点击别处关闭浮层)理解冒泡与捕获 当几个DIV嵌套,触发事件时,是先进行捕获阶段的触发,再进行冒...

  • 触发 / 关闭浮层

    实现功能:点击按钮触发浮层,点击别处关闭浮层。 html 代码: 部分 css 代码: 1. 方案一 --- 用 ...

  • DOM事件、事件流

    制作“点击别处关闭浮层”效果 debugger event.stopPropagation()这个方法用于阻止事件...

  • 制作点击按钮触发浮层

    1.做到点击按钮开启浮层 2.做到点击按钮开启浮层,再次点击关闭浮层 3.做到点击别处关闭浮层 4.最终做到-点击...

  • 点击别处关闭浮层

    需求:点击button出现浮层,点击别处关闭浮层。我们有一个按钮和一个浮层,浮层内为一个checkbox,浮层默认...

  • task33 进阶:DOM 事件

    上一次课程的dom events知识? 用实际例子学习dom事件模型——点击别处关闭浮层的效果搜 bootstra...

网友评论

      本文标题:用一个点击别处关闭浮层来分析事件冒泡

      本文链接:https://www.haomeiwen.com/subject/nyidqqtx.html