KeyboardSendsClicks.html

<html>
<script>
function clicked(e) {
  this.style.backgroundColor="#" + Math.random().toString(16).slice(2, 8);
  e.stopPropagation();
}

function adddiv() {
  var d = document.body.appendChild(document.createElement("div"));
  d.innerText = "hey";
  d.onclick = clicked;
}

function init() {
  adddiv();
  adddiv();
  adddiv();

  function createMouseEvent(typeString, oldMouseEventTemplate) {
    var e = document.createEvent("MouseEvents");
    e.initMouseEvent(typeString, true, true, window, 1,
                      oldMouseEventTemplate.screenX,
                      oldMouseEventTemplate.screenY,
                      oldMouseEventTemplate.clientX,
                      oldMouseEventTemplate.clientY,
                      false, false, false, false, 0, null);
    return e;
  };
  keyStore = {};
  document.body.onmousemove = function mousemove(e) { lastMouse = e; };
  document.body.onkeydown = function keydown(e) {
    if (e.ctrlKey) {
      console.log("Storing a key " + e.keyCode + " " + e.keyIdentifier);
      keyStore[e.keyIdentifier] = lastMouse;
      e.preventDefault();
    } else if (keyStore.hasOwnProperty(e.keyIdentifier)) {
      cachedEvent = keyStore[e.keyIdentifier];
      //send a synthetic click
      emousedown = createMouseEvent("mousedown", cachedEvent);
      emouseup = createMouseEvent("mouseup", cachedEvent);
      eclick = createMouseEvent("click", cachedEvent);
      var target = document.elementFromPoint(cachedEvent.clientX,
                                             cachedEvent.clientY)
      console.log("Sending mousedown, mouseup, click, to ", target);
      if (target) {
        target.dispatchEvent(emousedown);
        target.dispatchEvent(emouseup);
        target.dispatchEvent(eclick);
      }
      e.preventDefault();
    }
  };
}
</script>
<body onload=init();>
Hover the mouse over a location you will send a click.
Press CTRL and then any key.
Move the mouse away, then press that key again to replay the click.