如何在div的特定x和y位置上触发点击事件？

Question

通过此代码，我获得了坐标，因为我不知道如何在人体负荷下触发这些坐标(X = 1043, Y = 73) 。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

<div class="rating"></div>

<div id="status"> </div>

<script>

$(document).ready(function(){
$(".rating").click(function(){
  // X = 1043 
  // Y = 73
  var x = event.clientX;
  var y = event.clientY;
  var coords = "X coords: " + x + ", Y coords: " + y;
  document.getElementById("status").innerHTML = coords;
}); 
});

</script>

Answer 1

您可以简单地触发click事件，例如：

$(".rating").click(function(){
 // your code...
}).click() // triggers on first load/ready

要么，

.trigger('click')

Answer 2

$(function() {
  $('.rating').on('page:click', function(e) {
  var coords = "X coords: " + e.clientX + ", Y coords: " + e.clientY,
  aim = document.elementFromPoint(e.clientX, e.clientY);
  $(aim).click();
  console.log(aim);
  $('#status').text(coords);
  });
  var action = $.Event('page:click', {clientX: 1043, clientY: 70});
  $('.rating').trigger(action);
});