angularJS - nhận vị trí x & y từ mouseclick trong div

Question

Tôi đã thực hiện một chức năng cần thêm một mục vào vị trí tôi đã nhấp vào bên trong một div. Bây giờ vấn đề với chức năng này là, mỗi khi tôi nhấp vào, nó sẽ mất vị trí x & y của tài liệu, chứ không phải vị trí y x & trong div. Vì vậy, những gì tôi thực sự muốn, là góc trên bên trái của div của tôi nên cung cấp cho x = 0 & y = 0, nhưng tôi không biết nếu điều này là có thể? Và tôi đoán có một cách khác để làm điều này ..

$scope.addOnClick = function(event) { 
     $scope.items.push({ 
      "label": "Click", 
      "value": 100, 
      "x": event.x-50, 
      "y": event.y-50, 
     }) 
} 

Answer 1

Bạn cần thay đổi event.x-event.offsetX và event.y-event.offsetY

Bạn không thêm định nghĩa mẫu nhưng tôi sẽ thêm nó chỉ trong trường hợp:

<div ng-click="addOnClick($event)"></div> 

Answer 2

Đối với những người trên góc người đang sử dụng các thư viện kéo và muốn vị trí của nguyên tố này đã được kéo:

<div ng-click="OnDrag($event)"></div> 

và trong bộ điều khiển

$scope.onDrag($event){ 
     console.log("X ->",$event.originalEvent.pageX,"Y ->",$event.originalEvent.pageY) 

}