jQuery mousemove Selector Live Example

You can edit / change the code and click run button

<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <title>mousemove demo</title>
  <style>
  div {
    width: 200px;
    height: 200px;
    margin: 10px;
    background: cyan;
    border: 2px red;
    float: left;
  }
  p {
    margin: 0;
    margin-left: 10px;
    color: blue;
font-size:20px;
    width: 360px;
    height: 350px;
    padding-top: 70px;
    float: right;
  }
  span {
    display: block;
  }
  </style>
  <script src="../../../jquery-1.10.2.js"></script>
<script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script></head>
<body>
<p>
  <span>Move the mouse over the div.</span>
  <span> </span>
</p>
<div></div>
<script>
$( "div" ).mousemove(function( event ) {
  var pageCoords = "( " + event.pageX + ", " + event.pageY + " )";
  var clientCoords = "( " + event.clientX + ", " + event.clientY + " )";
  $( "span:first" ).text( "( event.pageX, event.pageY ) : " + pageCoords );
  $( "span:last" ).text( "( event.clientX, event.clientY ) : " + clientCoords );
});
</script>
</body>
</html>