title: mouseX and mouseY only detect diagonal coordinates
body: <p>I am tying the placing of an input box to the mouseX and mouseY coordinates, but my issue is that when I click I can only click in a small diagonal field across the body. I want it so that I can click anywhere on the body and it will go to that location. Any ideas on how to fix this peculiar problem?</p>
  
  <pre><code>&lt;body onclick = "getLocation(event)"&gt;
      &lt;style&gt;
  
  html{
  }
  div{
      display: block;
  }
  
  
   textarea, input {
        clear: both;
  position: relative;
  }
  textarea, input {
  overflow: auto;
  width: 20%;
  }
  &lt;/style&gt;
  
  &lt;input id = "enter" placeholder = "input" style = "top:20;left:40;"&gt;&lt;/input&gt;
  &lt;/body&gt;
  &lt;script&gt;
  function getLocation(event){
  var y = event.clientY;
  var x = event.clientY;
  console.log("Y:" + y + " X:" + x);
  document.getElementById("enter").style.left = x;
  document.getElementById("enter").style.top = y;
  }
  &lt;/script&gt;
  </code></pre>