angularJS - getting x & y positions from mouseclick in div

You need to change event.x to event.offsetX and event.y to event.offsetY

You didn't add the template definition but I'll add it just in case:

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

javascript position angularjs

In html file, use:

<div (click)="test($event)"></div>

And in the function in the ts file::

function test(e){ console.log(e.clientX); console.log(e.clientY);}

javascript position angularjs

For those on angular who are using dragging libraries and want the position of the element that was dragged:

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

and in the controller

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

CodeHunter