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

Visual Studioは、私にこのエラーが表示さ？

ビルド：演算子 '==='は 'HTMLElement'型と 'string'型には適用できません。

プロパティ 'tagName'が 'EventTarget'タイプに存在しません。

私はスクリプトをうまく動作させます。

正しく書き込むには？

ありがとうございます。

Answer 1

私はこのようなことのコードスニペットを調整します：HTMLElementに

イベントプロパティ targetキャスティング

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

は私たちに基礎となる要素のすべての適切な特性を与えます。

the playground

Answer 2

二つの等しい符号でそれをチェック（INT == '列'）のタイプ（すなわち、19 == '19'）の間の値をtrueに試用版を比較します。

3等号は値と型を比較す​​るときです。したがって、文字列型とHTML型を比較しています。したがって、偽りに等しい。あなたは文字列にタグ名の要素を比較したい場合には、2つの等号角度で

Answer 3

を使用するのtagNameプロパティは、ターゲット上のエラーを与えている場合は、コード

event.target['tagName']