Question

所以我把自己变成了一个可拖动的形式，border属性设置为none。我可以通过在面板上按住鼠标左键来拖动表单。现在我需要检查鼠标是否正在触摸显示器的边框。我尝试了多种解决方案，但似乎都没有。每次我的鼠标触摸我的显示器的西北方时，它认为它触及东北方向。有没有一种好方法可以检查我的鼠标是否正在接触边框？

Answer 1

你可以用

获得cusor的绝对位置

@Component({
  selector: 'my-app',
  styles: [`
    .sebm-google-map-container {
       height: 300px;
     }
  `],
  template: `
    <sebm-google-map 
      [latitude]="lat"
      [longitude]="lng"
      [zoom]="zoom"
      [disableDefaultUI]="false"
      [zoomControl]="false">

      <sebm-map-polygon 
        [paths]="paths"
        [editable]="true" 
        [draggable]="true" 
        (polyClick)="click(event)" 
        (polyDblClick)="delete(event)">
      </sebm-map-polygon>

    </sebm-google-map>
`})
export class App {
  zoom: number = 8;
  paths : Array<LatLngLiteral>;
  lat: number = 51.673858;
  lng: number = 7.815982;

  click(event: any){
    console.log(event);
  }

  delete(event: any){
    console.log(event);
  }

   paths: Array<LatLngLiteral> = [
      { lat: 51.373858,  lng: 7.815982 },
      { lat: 51.673858,  lng: 7.215982 },
      { lat: 51.373858,  lng: 7.895982 }
    ];
}

http://plnkr.co/edit/8SuDfG6BD0HubpLHqHc8?p=preview

然后你可以检查另一个线程的循环中的位置，并在它靠近边界时引发一个事件。

{X = 0，Y = 0}在左上角。

如何检测鼠标是否触摸显示器绑定

1 个答案: