首页 > 解决方案 > 尝试了一切,但仍然无法使用 jQuery 模拟鼠标单击元素

问题描述

我正在尝试在canva.com设计的“下载”按钮上模拟鼠标单击。我设法用其他按钮来做到这一点,但不是“下载”按钮(也不是顶部菜单中的任何按钮)。

以下是我尝试过的方法:

$x.click();

$x.trigger('click');

$x.trigger('mousedown');

$x[0].click();

document.querySelector('...').click();

$x[0].dispatchEvent(new MouseEvent("click"));

var evt = new CustomEvent("MouseEvents");
$x[0].dispatchEvent(evt);

var evt = document.createEvent("MouseEvents");
evt.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
document.querySelector("...").dispatchEvent(evt);

有任何想法吗?

PS 1:按钮的 CSS 选择器:document.querySelector(".KnkXXg._4dXjgA.gLTEuQ.XvGYmg._2ELgpQ._4dXjgA.gLTEuQ.XvGYmg.spExZw.AvEAGQ.vM2UTA.iSx4Ig.DM1_6g")

PS 2:为了测试它,去canva.com,创建一个新设计并添加一些文本(只是为了启用下载按钮)。

PS 3:我也对涉及 Chrome 扩展 API 的解决方案持开放态度。

谢谢你。

标签: javascriptjqueryweb-scrapinggoogle-chrome-extensionmouseclick-event

解决方案


推荐阅读