을 사용하여 입력 상자의 위치를 알고 싶습니다 ng-click
. 다음은 이벤트를 해결 pageX
하고 clientX
입력 요소의 위치를 제공하는 대신 마우스 클릭에 따라 값을 제공 하는 컨트롤러 코드입니다 . 이 정보를 추출 할 수있는 속성이 있으면 알려주세요. (btw 나는 지시적인 방법을 찾고 있지 않습니다)
컨트롤러 코드 -
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- http: //plnkr.co/edit/f9HoVeSUwKUe9QSOB2jC?p=preview
Element.getBoundingClientRect()
이상 사용e.target
Event.target : 이벤트를 전달한 객체에 대한 참조입니다.
이 Element.getBoundingClientRect()
메서드는 요소의 크기와 뷰포트를 기준으로 한 위치를 반환합니다.
var myApp = angular.module('app', []);
myApp.controller('mainCtrl', function($scope) {
$scope.clicked = function(e) {
console.log(e.target.getBoundingClientRect());
};
})
<script src="http://gh-canon.github.io/stack-snippet-console/console.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js"></script>
<div ng-app="app" ng-controller="mainCtrl">
<input type="text" ng-click="clicked($event)" />
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다