Najlepszy sposób na uzyskanie oryginalnego celu

Question

Jaki jest jQuery i/lub najlepszy sposób na uzyskanie oryginalnego celu zdarzenia w jQuery (lub ogólnie w javascriptie przeglądarki).

Używam coś jak to

$('body').bind('click', function(e){ 
     //depending on the browser, either srcElement or 
     //originalTarget will be populated with the first 
     //element that intercepted the click before it bubbled up 
     var originalElement = e.srcElement; 
     if(!originalElement){originalElement=e.originalTarget;}       
}); 

który działa, ale nie jestem zadowolony z funkcja dwóch linii wąchania. Czy istnieje lepszy sposób?

Answer 1

Można to zrobić w jednej linii z var originalElement = e.srcElement || e.originalTarget; ale to nie całkiem jak jQuery ;-)

[Edit: Jednak według http://docs.jquery.com/Events/jQuery.Event#event.targetevent.target może zrobić ...]

Answer 2

wierzę, e .target jest to, czego wymagają

$('body').bind('click', function(e){ 
       e.target // the original target 
       e.target.id // the id of the original target            
}); 

Jeśli pójdziesz do jQuery in Action website i pobrać kod źródłowy, przyjrzeć

• Rozdział 4 - dom.2.propagation.html

która zajmuje się propagacji zdarzeń z bańki i przechwytywania koparki

Answer 3

Korzystanie event.originalTarget może spowodować „Odmowa uprawnień, aby uzyskać dostęp właściwość 'XYZ' od A kontekst non-chrom”-error, więc polecam przy użyciu następujących:

var target = event.target || event.srcElement || event.originalTarget; 

event.target prace nad Firefox, Opera, Google Chrome i Safari.

Answer 4

w normalnym JavaScript, var t = (e.originalTarget)? E.originalTarget: e.srcElement; powinno wystarczyć, aby przeczytać ją we wszystkich przeglądarkach.

Answer 5

W połączeniu z How to detect a click outside an element? można tutaj zastrzec pułapkę pod-widgetu z podobną funkcją ukrywania i klikania, aby zapobiec ukrywaniu się własnego pop-upu; w tym przypadku są zatrzymując jQuery UI Datepicker pop-over widget:

// not using jquery .one handler for this, so we can persist outside click later 
$('html').click(function(evt) { 
    // just return if element has the datepicker as a parent 
    if ($(evt.target).parents('#ui-datepicker-div').length>0) return; 

    //toggle shut our widget pop-over 
    $('#mywidget').toggle(); 

    // now, unbind this event since our widget is closed: 
    $(this).unbind(evt); 
});