title: javascript events in IE 10 seem to have wrong value for pageX/Y
body: <p>In IE 7, 8, 9, chrome, and firefox the pageX/Y property on a mouseHandler refers to the position relative to the top of the page, while the clientX/Y property gives the position relative to the current viewport. In IE 10, it looks like pageX/Y is the same as clientX/Y. Is there a known work around?</p>
  
  <p>You can experiment with this <a href="http://jsfiddle.net/FCTUW/2/" rel="nofollow">http://jsfiddle.net/FCTUW/2/</a>  just scroll to the bottom of the page in the bottom right and move your mouse over the grey rectangle.</p>
  
  <p>Here is the code used to find the coordinates since SO wants code...</p>
  
  <pre><code>canvas.mousemove(function(e){
  var pageCrds = '('+ e.pageX +', '+ e.pageY +')',
      clientCrds = '('+ e.clientX +', '+ e.clientY +')';
  </code></pre>
  
  <p>Does anyone know why this change was made, or how to get the correct page coordinates?</p>