Úvod >JavaScript >Příklady v JavaScriptu >Jak získat souřadnice polohy myši?

Jak získat souřadnice polohy myši?

Jak v JavaScriptu zjistit aktuální polohu kurzoru myši na stránce – řešení v čistém JavaScriptu i v jQuery.

<div id='info'></div>

Javascript řešení:
<script>
document.body.onmousemove = function(e)
{
  var event = e || window.event;
  var mleft = event.pageX || event.clientX;
  var mtop = event.pageY || event.clientY;
  document.getElementById("info").style.top = mtop + "px";
}
</script>

jQuery řešení:
<script>
$(document).ready(function(event){
  $("html").mousemove(function(event){
     var mleft = event.pageX;
     var mtop = event.pageY;
     $("#info").text(mleft+", "+mtop);
  });
});
</script>

alternativní řešení jQuery
<script>
    $("#target").mousemove(function (event) {
        var thisPosX = $(this).position().left;
        var thisPosY = $(this).position().top;
      
      
        msg = (event.clientX-thisPosX) + ", " + (event.clientY-thisPosY);
        $("#log").html("<div>" + msg + "</div>"); 
    });
</script>