javascript - 单击带有传递X，Y坐标值的触发器

当我们单击任何HTML元素时，我们可以在鼠标中获得X，Y坐标。

是否可以在jquery或javascript触发点击事件中传递HTML元素的X，Y坐标值以及传递元素的z-index值。
仅呼叫＃block2而不呼叫＃block1。

JS

$(document).ready(function(){
$('#block1 div').on('click', function(e)
  {
    console.log(document.elementFromPoint(e.pageX, e.pageY));
    var X = e.pageX;
    var Y = e.pageY;
    $('#block1').css({'pointer-events':'none'});
    $('#block1 div').css({'pointer-events':'none'});
    var eobj = new jQuery.Event("click");
    obj.pageX = X;
    obj.pageY = Y;
    $('#time_slice').trigger(obj);
  });
});


$('#block2').on('click', function(e){
   console.log(document.elementFromPoint(e.pageX, e.pageY));
   $('#block1').css({'pointer-events':'auto'});
   $('#block1 div').css({'pointer-events':'auto'});
});

Jsfiddle

最佳答案

您可以创建一个MouseEvent并设置clientX和clientY值。

然后调度该事件。

window.addEventListener("click", function (event) {
  console.log(`you clicked at ${event.x},${event.y}`);
});

const event = new MouseEvent('click', {
    'clientX' : 200,
    'clientY' : 500
  });
window.dispatchEvent(event);

关于javascript - 单击带有传递X，Y坐标值的触发器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51338787/