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
...