how to access hover & active property in nativeElement in directive code example

Example: how to access hover & active property in nativeElement in directive

@HostListener('mouseover')
  onMouseOver() {
    this.backgroundColor = '#fff';
  }

  @HostListener('mouseout')
  onMouseOut() {
    this.backgroundColor =  '#000';
  }