关闭

HTML点击事件重叠的处理

标签: html
2182人阅读 评论(0) 收藏 举报

  在公司开发一套基于B/S架构的快速开发平台,负责自定义表单模块的开发,简单来说就是通过拖拉式开发web表单,前段使用到的技术主要是AngularJS,还有几个基于AngularJS的插件库。

  这次分享的就是如何在父子嵌套的容器里合理的处理点击事件,如图:


图1



当鼠标点击子DIV的时候会先触发子DIV的点击事件,然后触发父DIV的点击事件,我的逻辑是当点击这个DIV的时候会把this赋值给一个全局变量,但是这样就无法选中子DIV的this了,这时候我会在他们的外层再套一层DIV,然后绑定点击事件,如图:

图2



那么点击事件的调用顺序就是

1、子DIV点击事件

把this添加进数组

2、父DIV点击事件

把this添加进数组

3、外层Div点击事件

数组第一个元素就是选中的元素







0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    最新评论