Angular2支持什么类型的鼠标事件

Angular 2中的鼠标事件及案例代码

typescript
import { Component } from '@angular/core';
@Component({
  selector: 'app-mouse-events',
  template: `
    
单击我
    
双击我
    
按下我
    
释放我
    
移动鼠标
    
鼠标移入
    
鼠标移出
  `
})
export class MouseEventsComponent {
  handleClick() {
    console.log('单击事件触发');
  }
  handleDoubleClick() {
    console.log('双击事件触发');
  }
  handleMouseDown() {
    console.log('鼠标按下事件触发');
  }
  handleMouseUp() {
    console.log('鼠标释放事件触发');
  }
  handleMouseMove() {
    console.log('鼠标移动事件触发');
  }
  handleMouseOver() {
    console.log('鼠标移入事件触发');
  }
  handleMouseOut() {
    console.log('鼠标移出事件触发');
  }
}