javascript - 偏移鼠标点击以发生在其他地方

Question

好吧，我正在构建的应用程序中有一个非常奇怪的要求。我需要在光标位置右侧 50 像素处单击鼠标。也就是说，当用户点击一个地方时 - 事件应注册到右侧 50 像素处。

这可能吗？

Answer 1

您可以通过阻止 body 上的指针事件然后在 document.onclick 处理程序中暂时允许它们来做到这一点。然后使用 document.elementFromPoint(取自 this question)模拟点击。只需将 50 添加到初始点击事件的 offsetX 值即可。

脚本:

let $body = $('body');
$body.addClass('locked');

document.onclick = function(e) {
  $body.removeClass('locked');
  let el = document.elementFromPoint(e.offsetX + 50, e.offsetY);
  if (el) {
    el.click();
  }
  $body.addClass('locked');
};

CSS:

body.locked {
  pointer-events: none;
}