首页 > 解决方案 > 如何在 div 的特定 x 和 y 位置触发点击事件?

问题描述

通过这段代码,我得到坐标,因为我不知道如何 (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>

标签: javascriptjqueryeventtrigger

解决方案


您可以简单地触发点击事件,如:

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

或者,

.trigger('click')

推荐阅读