mousedown. propagación en hermanos event.targets

Question

Tengo 2 hermanos-nodos con 'position absolute' que manejan el evento mousedown. ¿Cómo puedo activar el controlador de 'div 1' cuando estoy haciendo clic en el área transparente de 'div 2' (en la imagen)

Answer 1

Si los elementos superpuestos son dinámicos, no creo que es posible realizarlo mediante burbujeo de evento regular desde que los dos elementos superpuestos en cuestión son "hermanos".

Tuve el mismo problema y pude resolverlo con más de un hitTest scenerio donde compruebo si la posición del mouse del usuario está dentro de la misma área.

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 
} 

Answer 2

Te conviene usar 3 controladores de eventos, uno para div1, uno para div2, y uno para contentArea. El controlador contentArea debe detener la propagación para que no se llame al controlador div2. El manejador div2 debe llamar al manejador div1:

function div1Click (e) 
{ 
    // do something 
} 
function div2Click (e) 
{ 
    div1Click.call(div1, e); 
} 
function contentAreaClick (e) 
{ 
    e = e || window.event; 
    if (e.stopPropagation) e.stopPropagation(); 
    e.cancelBubble = true; 
    // do something 
} 
div1.onclick = div1Click; 
div2.onclick = div2Click; 
contentArea.onclick = contentAreaClick;