Question

182

Mouse position in D3

rated 0 times [ 187] [ 5] / answers: 1 / hits: 103047 / 11 Years ago, mon, may 27, 2013, 12:00:00

I just wanted to get the mouse position using D3 by using the following code:

var x = 0;



svg.on('mousemove', function () {

   x = d3.mouse(this)[0];         

});

but x is always equal to 0. By using console.log(), I can see that x value is getting changed just inside the function() but out of it x got its initial value of 0.

How can I save the x value and use it later in my application?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

gerardamosy

Add To Favorites

Follow

Total Points: 600

Total Questions: 116

Total Answers: 102

Location: Ukraine

Member since Tue, May 30, 2023

1 Year ago

gerardamosy questions

1 Getting GuildMember Object with user ID Discord.js v13

Mon, Sep 6, 21, 00:00, 3 Years ago

1 How to use 'toHaveClass' to match a substring in Jest?

Tue, May 25, 21, 00:00, 3 Years ago

1 How to click element using x/y coordinates with puppeteer?

Tue, Dec 15, 20, 00:00, 4 Years ago

1 Uncaught SyntaxError: Cannot use import statement outside a module in node js

Sun, Aug 30, 20, 00:00, 4 Years ago

1 Make a field or all fields required in React

Mon, Jul 13, 20, 00:00, 4 Years ago

View All

answered 11 Years ago alyssiat · Accepted Answer

You have to use an array. That will store x and y like:

var coordinates= d3.mouse(this);

var x = coordinates[0];

var y = coordinates[1];



// D3 v4

var x = d3.event.pageX - document.getElementById(<id-of-your-svg>).getBoundingClientRect().x + 10

var y = d3.event.pageY - document.getElementById(<id-of-your-svg>).getBoundingClientRect().y + 10