javascript - angularJS - 通过在 div 中单击鼠标获取 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>