从Mouseevent目标获取元素的类名

Question

我需要 EventTarget的类名称，我得到了这样的：

<div class="orig-post" (mousemove)="onMouseMove($event)"></div>
onMouseMove(event: MouseEvent): void {
    this.target = event.target
    console.log(this.target) // Outputs the element the mouse is currently over
}

我希望能够为目标元素的类名称分配一个变量。如果我使用的是getSelection()之类的东西，我可以做类似selection.anchorNode.parentElement.className之类的事情。有没有办法在纯JavaScript中执行此操作？我正在使用Angular 2，并且希望完全避免JQuery。

Answer 1

为了使打字稿警告沉默，您可以将EventTarget施放到Element，然后使用className属性

(event.target as Element).className

Answer 2

<div class="orig-post" (mousemove)="onMouseMove($event.target.value)"></div>
onMouseMove(event: MouseEvent): void {
    this.target = event.target
    console.log(this.target) // Outputs the element the mouse is currently over
}

Answer 3

尝试此

event.target.classList