<!DOCTYPE html>
<html>
<head>
<script>
function clientXY()
{
var x = event.clientX;
var y = event.clientY;
var coor = x + " " + y;
document.getElementById("output1").innerHTML = "Funzione event.clientX/Y: " + coor;
}
function screenXY()
{
var x = event.screenX;
var y = event.screenY;
var coor = x + " " + y;
document.getElementById("output2").innerHTML = "Funzione event.screenX/Y: " + coor;
}
</script>
</head>
<body>
<div id="myDiv" style="height: 250px; width: 250px; border: 1px solid #ddd; padding: 10px;">
Muovi il mouse in questa area
</div>
<div id="output1"></div>
<div id="output2"></div>
<script>
document.getElementById("myDiv").addEventListener("mousemove", clientXY);
document.getElementById("myDiv").addEventListener("mousemove", screenXY);
</script>
</body>
</html>