event.target

839 ワード

ターゲット・イベント・ソースを取得する場合、一般的にターゲット・イベント・ソースを取得するのは誰が呼び出し元であり、誰がイベント・ソースであるかを取得しますが、バッチのDOMが操作する必要がある場合、どのdomがイベント・ソースであるかを判断するのは明確ではありません.e.targetを使用するとイベント・ソースを正確に取得でき、使用中に比較判断することができます.私たちのコードを実現します.
例を挙げると、ドラッグケースとして複数のイベントソースがありますが、マウスが私たちが望んでいるイベントソースをクリックしたかどうかを知りたい場合(例えば、他の領域やイベントソースで判断する)、e.targetを使用して、取得したイベントソースのId,classname,nodenameを比較することができます...
event.target            :

event.target.nodeName     //          name

event.target.id       //        id

event.target.className    //        classname

event.target.innerHTML    //           

   e.target   ,    e.currentTarget,
     :
e.currentTarget :              (                )
e.target:               
     :            (        button) ,e.currentTarget == e.target:               ;          document ,e.currentTarget document, e.target  btn.