单击元素的x/y点

Click on x/y point of an element

本文关键字:元素 单击      更新时间:2023-09-26

如何模拟单击stats_wrapper上的x/y坐标?

<div class="stats_wrapper">
    <span class="like_icon"></span>
    <span class="number_of_likes">
        10
    </span>
</div>

设置事件对象的pageX和pageY属性(已规范化),并将其传递给.trigger(),如下所示:

var e = new jQuery.Event("click");
e.pageX = 10;
e.pageY = 10;
$("#elem").trigger(e);

引用的表单在特定坐标触发JavaScript点击()事件

为什么要使用X/Y坐标?

如果我是你,我会使用事件调度程序。

var down = new MouseEvent('mousedown') 
var up = new MouseEvent('mouseup');
var elem = document.getElementsByClassName("stats_wrapper")[0];
elem.dispatchEvent(down);
elem.dispatchEvent(up);

这样,您就可以告诉您的div它已被单击,并且不需要担心坐标问题。显然,我不知道你的用例,所以它可能不是你想要的。

编辑:这是一个纯JS解决方案。对于JQuery解决方案,您应该使用Velimir 所提到的$(.stats_wrapper).trigger('click')

要模拟点击.stats_wrapper,可以使用以下(jQuery):$(.stats_wrapper).trigger("click");你也可以点击其中的任何元素,我看不到触发点击单个元素中特定像素的功能