angularjs ng-click getting info from child element

Question

I am trying to get info from the ng-click element. When I log $event from clicked element I get the right info but when I click the child element of then I get the info about the child and not the parent where the ng-click is set. Here is the fiddle link

http://jsfiddle.net/g3x2ndyc/5/.

var app = angular.module('app',[])
app.controller('appCtr', function($scope) {
$scope.testThis = function(evt){
  //evt.stopPropagation();
 // evt.preventDefault();
console.log(evt.srcElement.offsetLeft)
console.log(evt.srcElement.offsetWidth)
console.log('____________________________')
}
});

Answer 1

use evt.currentTarget not evt.srcElement (that one is mainly for IE).

Look at fiddle http://jsfiddle.net/g3x2ndyc/11/

var app = angular.module('app',[])
app.controller('appCtr', function($scope) {
    $scope.testThis = function(evt){
        console.log(evt.currentTarget.offsetLeft)
        console.log(evt.currentTarget.offsetWidth)
        console.log('____________________________')
}
});

Answer 2

Hard to tell exactly what you are ultimately trying to do, but you can just pass the id in to the click event then grab the position based on that.

ng-click="myevent('idName')

myevent(id) {
  jquery('#'+id).position();
}