angularJS-从div中的mouseclick获取x和y位置

Question

我做了一个函数，应该在div中单击的位置上添加一个项目。现在，此功能的问题在于，每次单击时，它都会采用文档的x＆y位置，而不是div内的x＆y位置。因此，我真正想要的是div的左上角应给出x
= 0和y = 0，但是我不知道这是否可行吗？我想还有另一种方法。

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

Answer 1

你需要改变event.x，以event.offsetX和event.y对event.offsetY

您没有添加模板定义，但是为了以防万一，我将添加它：

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