单击元素的x/y点
Click on x/y point of an element
如何模拟单击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");
你也可以点击其中的任何元素,我看不到触发点击单个元素中特定像素的功能
相关文章:
- 对同一类中的所有元素单击一次
- 元素单击处理程序由一个神秘的函数取消设置
- 在处理元素单击事件期间,在循环内部调用window.open()
- JS-是否可以获得元素单击位置的确切宽度
- 使用 jQuery 创建动态元素 单击事件始终返回 for 循环中的最后一个索引
- 选中父元素单击上的复选框
- 在窗口和其他元素单击时隐藏
- Polymerjs 的自定义菜单元素单击事件
- 使用 javascript 函数查找元素单击的类
- 元素单击仅使用 javascript
- 等待文档鼠标按下完成,然后元素单击才能开始
- 由于父元素的顶部和位置,子元素单击不起作用
- Jquery-在共享相同类名的其他元素之间选择一个元素(单击时)
- 目标元素单击子元素,获取父属性
- 根据元素单击更改选择选项值
- 为listview上动态生成的元素单击event
- 扩展原生元素单击事件
- 可以被许多元素使用的Javascript函数,然后区分哪个元素单击了它
- 当元素单击时隐藏iframe
- 按钮元素单击事件以切换类不起作用