DOM Event の target

:tetsuharu @saneyuki_s

addEventListenerに指定した無名関数をremoveEventListenerしたいばあい、event.currentTarget.removeEventListener(event.type, arguments.callee)ってやればいいことに気付いた

Atsushi Takayama @edvakf

@saneyuki_s currentTarget じゃなくて target です。

:tetsuharu @saneyuki_s

@edvakf event.targetでは、eventの発生要素になってしまって、event発生要素の先祖要素にイベントリスナを設定した時に使えなくなりませんか？

Atsushi Takayama @edvakf

@saneyuki_s addEventListener した要素でしか removeEventListener できないので、target だったら必ずそうなりますが currentTarget ではそうならないんじゃないでしょうか。なんか自信なくなってきた。

:tetsuharu @saneyuki_s

@edvakf ページ中にbutton（と呼ぶ要素）がある状態で、windowにaddEventListener("click", 匿名関数)した(このリスナをAと呼ぶ)場合。

:tetsuharu @saneyuki_s

@edvakf buttonをクリックしてイベント発生させると、いずれAが呼ばれますけれども、event.targetはbuttonとなるので、event.target.removeEventListenerでは結局windowからはremoveできないような

Atsushi Takayama @edvakf

@saneyuki_s 勘違いしてたかも。その場合 target は常に window なのだと思っていました。仕様読んできます。

テラマコ @teramako

Event.target は dispatchEventを実行した要素になるのかな。currentTargetはeventListenしている要素、originalTarget は？ explicitOriginalTarget は？ このあたりきちんと勉強しないと

Atsushi Takayama @edvakf

target: Used to indicate the EventTarget to which the event was originally dispatched. http://j.mp/cX68ti なのでバブリングの最深部ということか。

Atsushi Takayama @edvakf

currentTarget は EventListener が実行されてる要素なので currentTarget.removeEventListener で十分なのか。たぶん。

テラマコ @teramako

Event.originalTarget はMozilla独自だった...orz https://developer.mozilla.org/en/DOM/event.originalTarget