Posizione del cursore

**lanvoel** · 05-03-2021, 09:18

Questo codice dà la posizione del cursore del mouse in ascissa e ordinata, ma soltanto della parte di schermo occupata dalle due righe per l'output e sopra di esse.
Non dà, invece, stranamente, le coordinate del cursore nella parte di schermo sotto le due righe.
Desidererei sapere perché. Grazie

lanvoel

codice:

<!doctype html>
<html>
<body onmousemove="PosizioneCursore()">
<br><br><br>
Posizione del mouse sull'asse delle X:<span id="X"></span>
<br>
Posizione del mouse sull'asse delle Y:<span id="Y"></span>
<script language="javascript">


function PosizioneCursore()
{
    var asse_x = event.clientX;
    var asse_y = event.clientY;
    document.getElementById("X").innerHTML = asse_x;
    document.getElementById("Y").innerHTML = asse_y;
}


</script>
</body>
</html>

**ninja72** · 05-03-2021, 10:44

prova cosi, praticamente la view del body non copriva tutta la sua altezza.

codice:

<!doctype html>
<html lang="it-IT">

<head>
    <title>mouse position</title>
    <style>
        html,
        body {
            margin: 0;
            height: 100vh;
        }
        #cordinate {
            margin: 0;
            padding: 10px;
            user-select: none;
        }
    </style>
</head>

<body onmousemove="PosizioneCursore()">
    <div id="cordinate">
        Posizione del mouse sull'asse delle X:<span id="X"></span> <br>
        Posizione del mouse sull'asse delle Y:<span id="Y"></span>
    </div>

    <script>
        function PosizioneCursore() {
            var asse_x = event.clientX;
            var asse_y = event.clientY;
            document.getElementById("X").innerHTML = asse_x;
            document.getElementById("Y").innerHTML = asse_y;
        }
    </script>
</body>

</html>

**lanvoel** · 05-03-2021, 11:26

Grazie mille ninja72, sempre tempestivo e preciso.
Non vorrei approfittarmi, ma non potresti darmi una mano anche sull'altro mio intervento: "Salvare un'immagine con Canvas"?
Mi scuso per la mia invadenza e grazie ancora

lanvoel

Discussione: Posizione del cursore

Strumenti discussione

Ricerca discussione

Visualizza

Posizione del cursore

Permessi di invio