Question

我一直在寻找一种工作方式，使用javascript自动鼠标点击特定元素（我正在制作用户脚本）。结构如下：

<div id="elementContainer">
  <div class="item1" style="width: 50px; height: 50px;">AutoClick Here!</div>
</div>

item1 是我希望自动点击的内容。我尝试了很多方法，例如获取元素并在其上创建/初始化/调度“click”事件，在其上调用.click（）等，但说实话我是javascript的新手并且不知道我在做什么！

我可以愉快地获取元素并对其进行更改（比如更改innerHTML），但希望能够模拟/自动化对它的点击。我将非常感谢有关如何继续的任何建议。

非常感谢提前！

Answer 1

在元素上调用.click()应该可以正常工作。

var container = document.getElementById('elementContainer'),
    innerDiv = container.getElementsByClassName('item1');

innerDiv.click();

那说：

click方法适用于按钮，复选框，广播，重置或提交类型的INPUT元素。 Gecko没有对可能需要响应鼠标点击的其他元素（如链接（A元素））实现click方法，也不会触发其他元素的click事件。

非Gecko DOM可能表现不同。

当点击与支持它的元素一起使用时（例如上面列出的一种INPUT类型），它也会触发元素的click事件，它会冒泡到文档树（或事件链）上方的元素并触发它们点击活动。但是，点击事件的冒泡不会导致A元素启动导航，就像收到真正的鼠标点击一样。

您是否已将任何点击事件处理程序绑定到<div>？

Answer 2

阅读本文：http://www.howtocreate.co.uk/tutorials/javascript/domevents

JavaScript自动点击子节点元素

2 个答案: