title: how to get target element id from @HostListener, angular2 directive
body: <p>my directive hostlistener code is</p>
  
  <pre><code>  @HostListener('mouseenter',['$event']) onMouseEnter(event) {
      this.highlight(this.highlightColor || this._defaultColor);
      console.log(event.target);
    }
  </code></pre>
  
  <p>and my element is </p>
  
  <pre><code>&lt;div myHighlight [highlightColor]="'green'"  [defaultColor]="'violet'" id='dummyDiv'&gt;
    some text
  &lt;/div&gt;
  </code></pre>
  
  <p>everything is working perfectly.</p>
  
  <p>I just wanted to know that can I get element ID (#dummyDiv) in event.target in @HostListener?</p>