javascript - 如何使用控制台在 div 或某些坐标上单击鼠标？

Question

我正在制作一些自动化脚本。我可以使用该自动化工具来模拟鼠标单击，但坐标会随着设备的不同而变化，所以我宁愿通过浏览器控制台来实现。

我可以用正常的 <button> 做到这一点通过使用element.click()但我无法用 <div> 做到这一点

我想做的是使用像 element.click() 这样的控制台单击开始按钮(はじめから)

你可以试试here

到目前为止，我已经尝试过:

document.getElementById('start').click();

和

a = document.getElementById('start').getBoundingClientRect();
document.elementFromPoint(((a.width / 2) + a.left), ((a.height / 2) + a.top)).click();

但什么也没发生

可以使用浏览器控制台执行此操作吗？

提前致谢

Answer 1

我想，该页面以某种方式禁用了事件冒泡和传播。

我在 stackoverflow 控制台和页面的控制台中尝试了以下代码，但只有 stackoverflow 的控制台有响应。

document.body.addEventListener('click', function(e){
    console.log('clicked' + e.target);
});

document.body.dispatchEvent(new Event('click'));