Page vs Screen vs Client

Yeah lets just see it shall we?

by Augustus Yuan

HTML

<div class="screen">Screen: <span class="coords"></span></div>
<div class="page">Page: <span class="coords"></span></div>
<div class="client">Client: <span class="coords"></span></div>

JavaScript

$(window).mousemove(function(e) {
   $('.screen .coords').text('[' + e.screenX + ', ' + e.screenY + ']');
    $('.page .coords').text('[' + e.pageX + ', ' + e.pageY + ']'); 
    $('.client .coords').text('[' + e.clientX + ', ' + e.clientY + ']'); 
});