title: Best way of attaching event listener to the whole html document
body: <p>Let's consider the problem of capturing <code>mousemove</code> on the whole HTML document. </p>
  
  <p>I know four objects to which event listener can be attached:</p>
  
  <p><code>window</code>, <code>document</code>, <code>document.body</code>, <code>document.documentElement</code></p>
  
  <p>After simple tests it seemed to me that attaching to any of them has the same effect.</p>
  
  <pre><code>$(window).on('mousemove', function(){console.log(1)})
  </code></pre>
  
  <p>I was wondering if there is any difference I don't know about (performance, compatibility?)</p>