如何在非表层的 HTML 元素中获得 DOM 鼠标事件？
2012-01-19 20:01:02   来源：   点击：

6 个答案

• 答案 1：

  如果是 div 层叠的话，下层的 div 是永远不会被点击到的，所谓的事件代理，连事件源都不对，是不可能正确实现需求的～～我曾经遇到过这样的问题，有人给出这样的解决方案，可以参考参考：ghsky.com/2010...

• 答案 2：

  你可以考虑实现某种子元素管理机制，比如你所有的图层 应该有一个共同的父级 元素，点击某个图层时，事件一定会冒泡到父级元素。通过监听父级元素的事件通知其他图层 点击事件 发生了。

• 答案 3：

  正如 @李国新 所说的，实际上是由父级元素或者相关元素（比如你这里的覆盖在最上的元素）的dom事件触发了子元素的自定义事件。

• 答案 4：

  可以考虑下这个css属性：pointer-events，不过它不支持IE

• 答案 5：

  没搞清楚你的需求，如果只是要操作不同图层的图片，为何不加一个菜单，让用户先选择要操作那个图层，然后在最上层添加一个操作框，让背后的图片的大小位置属性和最上层这个操作框属性同时更新

• 答案 6：

  问题已经解决！其实最终方案很简单，确实像龚浩所说，很多时候思维定势阻碍了思考...解决方案是：将所有图层都设定成0px*0px大小的元素，overflow设为默认的visible，就可以了！这样的话既维持了图层间的上下关系，又可以使得所有图层的子元素都是可操作的...