Welcome to collectivesolver - Programming & Software Q&A with code examples. A website with trusted programming answers. All programs are tested and work.

Contact: aviboots(AT)netvision.net.il

Buy a domain name - Register cheap domain names from $0.99 - Namecheap

Scalable Hosting That Grows With You

Secure & Reliable Web Hosting, Free Domain, Free SSL, 1-Click WordPress Install, Expert 24/7 Support

Semrush - keyword research tool

Boost your online presence with premium web hosting and servers

Disclosure: My content contains affiliate links.

39,855 questions

51,776 answers

573 users

How to show the mouse x and y position on mouse move with JavaScript

1 Answer

0 votes
<!DOCTYPE html>
<html>
<head>
<script type="text/JavaScript"> 

var microsoft_ie = (navigator.appName == "Microsoft Internet Explorer") ? true : false;

if (!microsoft_ie) {
     document.captureEvents(Event.MOUSEMOVE);
     document.captureEvents(Event.MOUSEDOWN);
}

document.onmousemove = function(e) { mousePos(e); };

var mouseClick;

var mouseX = 0;
var mouseY = 0;

function mousePos (e) 
{
    if (!microsoft_ie) {
        mouseX = e.pageX; 
        mouseY = e.pageY;
    }
    else {
        mouseX = event.clientX + document.body.scrollLeft;
        mouseY = event.clientY + document.body.scrollTop;
    }

    document.showMouseXY.mouseXInput.value = mouseX;
    document.showMouseXY.mouseYInput.value = mouseY;

    return true;
}


/*
run


*/

</script>
</head>
<body>

<form name ="showMouseXY">
        <input type="text" name="mouseXInput" value="0" size="5"> Mouse X Position<br>
        <input type="text" name="mouseYInput" value="0" size="5"> Mouse Y Position<br>
</form>


</body>
</html>

 



answered Aug 7, 2016 by avibootz
...