How to get the Current Cursor Coordinates with JavaScript

Question

EDIT: Solved

My problem is that I need to find a way to constantly read x,y coordinates of the cursor in my browser onmousedown and then to quit reading the x,y coordinates onmouseup here is what I have so far:


var mouseDown = 0;
var xPos = 0;
var yPos = 0;

document.body.onmousedown = function() { 
  mouseDown = 1;
}
document.body.onmouseup = function() {
  mouseDown = 0;
}
function resize(width, height){
    document.getElementById('component1').width=width;
    document.getElementBYId('component1').height=height;
}
function setSize(){
    while(mouseDown == 1)
    {
        xPos = event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
        yPos = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? 
document.documentElement.scrollTop : document.body.scrollTop);
        resize(xPos, yPos);
    }
    
}

Any suggestions?

Matt · Accepted Answer · 2010-02-25 08:42:55Z

1

Have a look at http://javascript.internet.com/page-details/mouse-coordinates.html for a working example

answered Feb 25, 2010 at 8:42

Matt

9,51112 gold badges70 silver badges87 bronze badges

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

3 Comments

AFK Over a year ago

I can't get this to work when mousedown event occurs. How would you do it?

Dave Anderson Over a year ago

@Matt is this the same page javascriptsource.com/page-details/mouse-coordinates.html as your link is now dead?

Matt Over a year ago

@DaveAnderson yeah that's got pretty much the same thing going on

Collectives™ on Stack Overflow

How to get the Current Cursor Coordinates with JavaScript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related