Etiqueta de ancla HTML con etiqueta en cursiva

Question

Tengo algo de HTML.

<a href="#"> 
    <i class="some-bg" /> 
    Some Text 
</a> 

Y algunos Javascript.

$("a").bind("touchstart", function (e) { 
    e.preventDefault(); 

    console.log("Tag: " + e.target); 
    console.log("Tag Name: " + e.target.tagName); 
}); 

La respuesta es.

Tag: [object HTMLElement] 
Tag Name: I 

¿Por qué? ¿No debería ser ancla?

ACTUALIZADO

$("a, a *").bind(function() { 
    e.stopPropagation(); 

    // other stuff 
}); 

Será este el truco?

Answer 1

¿Por qué?

Debido a que tocó el <i> (y entonces el evento burbujea hasta la <a>).

¿No debería ser un ancla?

No. Utilice currentTarget si desea el elemento al que está vinculado el evento en lugar del que desencadenó el evento.