इटालिक टैग के साथ एचटीएमएल एंकर टैग

Question

मेरे पास कुछ HTML है।

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

और कुछ जावास्क्रिप्ट।

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

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

प्रतिक्रिया है।

Tag: [object HTMLElement] 
Tag Name: I 

क्यों? यह लंगर नहीं होना चाहिए?

UPDATED

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

    // other stuff 
}); 

इस चाल करना होगा?

Answer 1

क्यों?

क्योंकि आप को छुआ <i> (और फिर घटना <a> अप करने के लिए bubbled)।

यह एंकर नहीं होना चाहिए?

नहीं। currentTarget का उपयोग करें यदि आप उस तत्व को चाहते हैं जिस पर ईवेंट बाध्य है, तो वह वास्तव में घटना को ट्रिगर करता है।