event.target vs. event.currentTarget

February 16th, 2010 by damian Leave a reply »

W tym wpisie przedstawię różnicę między dwoma polami obiektu Event: currentTarget i target. Różnica jest prosta, a przedstawię ją w poniższym przykładzie.

Kod można podejrzeć klikając prawym klawiszem i wybierając View Source.

W przykładzie Button znajduje się w Boxie oraz oba te komponenty mają dodany Listener nasłuchujący na kliknięcie myszki.

Przykład pokazuje, że currentTarget to obiekt, który nasłuchuję na zdarzenie, czyli ten do którego dodajemy Listenera (w powyższym przykładzie jest to i Button i Box).

Z drugiej strony target to obiekt, który sygnalizuje zdarzenie (w tym przypadku button).

Po kliknięciu widać, że w kolejnych Alertach currentTarget się zmienia, zaś target pozostaje ten sam.

Advertisement

Leave a Reply

Flexmaniaks on Facebook