mousedown. kardeşler üzerinde yayılımı event.targets

Question

Her ikisi de mousedown olayını işleyen 'position mutute' ile 2 kardeş düğümüm var. 'Div 2' (resimdeki) 'nin şeffaf alanına tıklarken' div 1 'işleyicisini nasıl tetikleyebilirim?

Answer 1

: DIV2 işleyici div1 işleyicisi çağırmalıdır.

Aynı sorun vardı ve kullanıcının fare konumu aynı bölgede olup olmadığını test ettiğim hitTest senaryoları ile çözebiliyordum.

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

Biri div1 için bir tane olmak üzere 3 olay işleyicisi kullanmak isteyebilirsiniz. div2 için ve bir de contentArea için. ContentArea işleyici, yayılmayı durdurmalı ve böylece div2 işleyicisi çağrılmamalıdır. çakışan öğelerin dinamik ise, bunu söz konusu iki çakışan öğelerin "kardeşler" olduğundan köpüren bu kullanarak düzenli olayı gerçekleştirmek mümkündür inanmıyorum

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;