Demo of Mouse Postion from left and top edge in Jquery

Click at different places on screen and see how X Y value changes

HTML


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

jquery


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

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


})
</script>