Typescript: come verificare tagName in eventTarget?

Question

Perché in questo caso:

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

Visual Studio me questo errore mostra?

Build: l'operatore '===' non può essere applicato ai tipi 'HTMLElement' e 'stringa'.

La proprietà 'tagName' non esiste sul tipo 'EventTarget'.

Quando eseguo uno script funziona bene.

Come scrivere correttamente?

Grazie.

Answer 1

vorrei regolare che frammento di codice come questo:

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); 

Casting caso proprietà target-HTMLElement ci darà tutte le proprietà corrette del sottostante elemento.

check in the playground

Answer 2

due segni uguali confronta i valori tra (int == 'stringa') tipi (vale a dire 19 == '19') evals true.

3 segni di uguale è quando si confrontano valori e tipi. Quindi stai confrontando un tipo di stringa con un tipo HTML. Così eguagliando la falsità. Se si desidera confrontare l'elemento tagname in una stringa di utilizzare due segni uguali

Answer 3

In angolare se la proprietà tagName sta dando l'errore sul bersaglio, provare a utilizzare il codice qui sotto

event.target['tagName']