How to correctly get mouse coordinates with JavaScript without JQuery?

Question

I am aware of the fact that variations of that question were asked many times before. Looking through Google output I found pages with examples like that:

function point_it(event) {
pos_x = event.offsetX ? (event.offsetX) : event.pageX - document.getElementById("pointer_div").offsetLeft;
pos_y = event.offsetY ? (event.offsetY) : event.pageY - document.getElementById("pointer_div").offsetTop;
document.pointform.form_x.value = pos_x;
document.pointform.form_y.value = pos_y;
}

The code works, but when I look at MouseEvent.offsetX it says "This is an experimental technology...".

So my question is, is it save to use the above construction or not? Is it better to learn how to use JQuery?

jQuery IS javascript - therefore if you want to do this in plain vanilla JS, it CAN be done — StudioTime
– StudioTime, Commented Jan 7, 2016 at 9:26
It is better to learn javascript. Once you understand javascript you will know if you should use jquery or not. — Joe
– Joe, Commented Jan 7, 2016 at 9:28
@Darren Sweeney what do you mean by "plain vanilla" JS? Isn't my example written in JS? — ERIK_SON
– ERIK_SON, Commented Jan 7, 2016 at 10:15
Yes, but your question asked whether you could do it in Javascript or better to learn jQuery - a common term for JS without jQuery is vanilla JS — StudioTime
– StudioTime, Commented Jan 7, 2016 at 10:17

Rino Raj · Accepted Answer · 2016-01-07 09:26:21Z

3

Please try this

function getClickPosition(e) {
    var xPosition = e.clientX;
    var yPosition = e.clientY;
}

Call this function on "onClick" event. You can get the coordinates. Output the coordinates of the mouse pointer when the mouse button is clicked on an element.

answered Jan 7, 2016 at 9:26

Rino Raj

6,2622 gold badges29 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ERIK_SON Over a year ago

That function is pretty simple and works fine. Thank you.

Collectives™ on Stack Overflow

How to correctly get mouse coordinates with JavaScript without JQuery?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related