cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - If community subscription notifications are filling up your inbox you can set up a daily digest and get all your notifications in a single email. X

Click coordinates

TomasCharvat
14-Alexandrite

Click coordinates

Hello friends,

 

please how is possible to access coordinate values pageX and pageY (position of a click) which are shown in Console log?

Screen_380.jpg

Thanks for the answers.

 

Tomas

1 ACCEPTED SOLUTION

Accepted Solutions
mn1
13-Aquamarine
13-Aquamarine
(To:TomasCharvat)

You can get them if you add an event listener:

 

window.addEventListener('click', $scope.clickEventFunktion);

 

In the function you can get the coordiates of the click event:

 

$scope.clickEventFunktion=function(){

console.log(window.event.pageX);

console.log(window.event.pageY);

}

 

 

View solution in original post

3 REPLIES 3
mn1
13-Aquamarine
13-Aquamarine
(To:TomasCharvat)

You can get them if you add an event listener:

 

window.addEventListener('click', $scope.clickEventFunktion);

 

In the function you can get the coordiates of the click event:

 

$scope.clickEventFunktion=function(){

console.log(window.event.pageX);

console.log(window.event.pageY);

}

 

 

Another version of the mention functionality in the replay of @mn1 

document.addEventListener('click', function(event) {console.log("click() 1 called");
  $scope.lastClick = {
    x: event.pageX, y: event.pageY};
});

So in this case you can save the value of the click listerner to an $scope parameter and use it later outside the click event e.g. in  ion-popover-view devinition.

Thank you for advice mn1 and RolandRaytchev 

 

both methods works fine. I chose this way:

 

var ClickX = 0;
var ClickY = 0;
var width = 0;
var height = 0;

$scope.clickEventFunction = function(){
ClickX = window.event.pageX;
ClickY = window.event.pageY;
width = window.innerWidth;
height = window.innerHeight;
/**/
console.info('Coordinates: x=' + ClickX + ' y=' + ClickY + ' DisplaySize: ' + width + 'x' + height);
}

Regards

 

Tomas

 

Top Tags