使用过程X，Y坐标值单击触发器

Question

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

在jquery或javascript中，是否可以通过传递HTML元素的X，Y坐标值以及传递元素的z索引值来触发点击事件。只调用#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'});
});

Jsfidle

Answer 1

您可以创建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);