javascript - 鼠标按下。在 sibling event.targets 上传播

Question

我有 2 个具有“绝对位置”的兄弟节点，它们都处理 mousedown 事件。当我点击“div 2”的透明区域(如图)时，如何触发“div 1”的处理程序

Answer 1

如果重叠元素是动态的，我认为使用常规事件冒泡不可能实现这一点，因为所讨论的两个重叠元素是“ sibling ”。

我有同样的问题，我能够通过更多的 hitTest 场景来解决它，我测试用户的鼠标位置是否在同一区域内。

function _isMouseOverMe(obj){
    var t = obj.offset().top;
    var o = obj.offset().left;
    var w = obj.width();
    var h = obj.height();
    if (e.pageX >= o+1 && e.pageX <= o+w){
        if (e.pageY >= t+1 && e.pageY <= t+h){
            return true;
        }
    }
    return false
}