टाइपस्क्रिप्ट: eventTarget में tagName कैसे जांचें?

Question

क्यों इस मामले में:

var ele = <HTMLDivElement>document.getElementById("toolbar"); 
    ele.addEventListener("click", function (e) { 
     if (e.target.tagName === "SPAN") { console.log(e.target.tagName) } }, false); 

दृश्य स्टूडियो मुझे इस त्रुटि से पता चलता?

बिल्ड: ऑपरेटर'== '' प्रकार 'HTMLElement' और 'स्ट्रिंग' पर लागू नहीं किया जा सकता है।

संपत्ति 'टैगनाम' प्रकार 'EventTarget' प्रकार पर मौजूद नहीं है।

जब मैं एक स्क्रिप्ट चलाता हूं तो ठीक काम करता है।

इसे ठीक से कैसे लिखें?

धन्यवाद।

Answer 1

मैं इस तरह उस कोड स्निपेट को समायोजित करेगा:

var ele = <HTMLDivElement>document.getElementById("toolbar"); 
    ele.addEventListener("click", (ev: MouseEvent) => { 
     var element = ev.target as HTMLElement;  
     if (element.tagName === "SPAN") { 
      console.log(element.tagName) 
     } 
    }, false); 

घटना कास्टिंग संपत्ति targetHTMLElement करने के लिए हमें अंतर्निहित तत्व के सभी उचित गुण दे देंगे।

the playground

Answer 2

दो बराबर संकेत में चेक यह (पूर्णांक == 'स्ट्रिंग') प्रकारों (जैसे 19 == '19') सच करने के लिए evals के बीच मूल्यों तुलना करती है।

3 बराबर संकेत मूल्यों और प्रकारों की तुलना करते समय होते हैं। तो आप स्ट्रिंग प्रकार की तुलना किसी HTML प्रकार से कर रहे हैं। इस प्रकार झूठी बराबर है। आप की तुलना करने के लिए एक स्ट्रिंग को टैगनाम तत्व दो बराबर संकेत

Answer 3

का उपयोग कोणीय में अगर टैगनाम संपत्ति लक्ष्य पर त्रुटि दे रहा है चाहते हैं, नीचे दिए गए कोड का उपयोग करने के

event.target['tagName']