Demo of Mouse Postion from left and top edge in Jquery

Move Mouse to different places and see how the coordinates changes

HTML


<div id='t1' style="position:absolute;"></div>

jquery


<script>
$(document).ready(function() {

$(document).mousemove(function(){
$("#t1").html('You  clicked at X position: '+event.pageX + " , Y position: "+event.pageY);
});


})
</script>