Question: I am trying to bind a mousemove event to the body. My attempts so far:

```
$('html, body').mousemove(function(event){...});

$('html, body')[0].onmousemove= function(event){...};

$('body').bind('mousemove', function(event){...});

document.onmousemove = function(event){...};

document.getElementsByTagName('body')[0].onmousemove = function(event){...};

```

EDIT:

```
window.onmousemove = function(event){...}; // doesn't work either

```

EDIT2: I need the whole body to be responsive, and not only nested elements.

All of these worked, but none did in IE.

How can I solve this?

Answer: 
You don't want it in the body because body is not necessarily the full page.

```
$( document ).mousemove( function () {

});

```

jsfiddle: <http://jsfiddle.net/uDfPj/>

Alternatively without jQuery:

```
document.documentElement.onmousemove = function(){};

```
try it with the document instead. here's a great sample page that shows it working

<http://www.quirksmode.org/dom/events/tests/mousemove.html>

and a compatibility table:
<http://www.quirksmode.org/dom/events/mousemove.html>