Position box with mouse click

by Bob Joyal

HTML

<body>
  <div id="my-dialog" style="position: absolute; width: 100px;
      height: 200px; background: grey;">
  </div>
</body>

JavaScript

function myfunc(e) {
    let ele = document.getElementById('my-dialog');
    
    var newLeft = (window.innerWidth - e.pageX) < ele.offsetWidth ? e.pageX - ele.offsetWidth : e.pageX;
    ele.style.left = newLeft + 'px';
      
    var newTop = (window.innerHeight - e.pageY) < ele.offsetHeight ? e.pageY - ele.offsetHeight : e.pageY;
    ele.style.top = newTop + 'px';
  }
  document.onclick = myfunc;