Get current position jQuery

by Yusril Maulidan Raji

HTML

<script src="https://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.23/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/themes/base/jquery-ui.css">
<span id="print-x"></span><br/><span id="print-y"></span>

<div id="content-grid" style="width:500px;height:500px;border:1px solid black">
  
  
</div>

JavaScript

$(function($) {
    var currentMousePos = { x: -1, y: -1 };
    $("#content-grid").mousemove(function(event) {
        //currentMousePos.x = event.pageX;
        //currentMousePos.y = event.pageY;
        //$("#print-x").text(event.pageX);
        //$("#print-y").text(event.pageY);
        
        var parentOffset = $(this).parent().offset(); 
         //or $(this).offset(); if you really just want the current element's offset
         var relX = parentOffset.left;
         var relY = parentOffset.top;
         $("#print-x").text(relX);
         $("#print-y").text(relY);
    });

    // ELSEWHERE, your code that needs to know the mouse position without an event
    
});