Javascript 在AngularJS中单击获取输入的位置

我想使用

ng单击

了解输入框的位置。以下是控制器代码，我在其中安慰事件

pageX

和

clientX

，但不是给出输入元素的位置，而是根据鼠标单击给出值。如果有任何属性可用于提取此信息，请告诉我。（顺便说一句，我不是在寻找方向）

控制器代码-

myApp.controller('mainCtrl', function($scope){
  $scope.clicked = function(e) {
    console.clear();
    console.log(e);
    console.log(e.pageX);
    console.log(e.clientX);
  };
})

HTML代码-

<input type="text" ng-click="clicked($event)" />

工作Plnkr-

使用覆盖

e.target

事件。目标：对调度事件的对象的引用

方法返回元素的大小及其相对于视口的位置

var myApp=angular.module（'app'，[]）；
myApp.controller（'mainCtrl'，函数（$scope）{
$scope.clicked=函数（e）{
log（e.target.getBoundingClientRect（））；
};
})

简单！：）

---

我得到了位置。x未定义…：O

myApp.controller('mainCtrl', function($scope){
  $scope.clicked = function(e) {
    var el = e.currentTarget;
    var place = el.getBoundingClientRect();
    console.log(place);
    console.log('X coordinate - '+place.x);
    console.log('Y coordinate - '+place.y);
  };
})