<分区>
我什至不知道这是否可能!
但我想自动点击外部站点上的元素。
要求是通过单击下一页完成所有章节来完成在线培训。培训只需要访问大量的章节。由于我无权访问该站点的代码,
所以我将网站放入 iframe 并使用
在可点击元素区域放置一个透明的 divpointer-events:none
我还可以使用
实现对我的 div 元素的自动点击var time=5;
interval = setInterval(function() {
time--;
document.getElementById('Label1').innerHTML = "" + time + " seconds"
if (time == 0) {
// stop timer
clearInterval(interval);
// click
document.getElementById('clickdiv').click();
}
}, 1000)
但挑战在于点击底层元素。我可以用鼠标或键盘做到这一点。但是 click() 函数似乎只对覆盖的 div 有效。问题是,为什么不像鼠标或键盘那样的底层可以做到
HTML
<div>
<input type='submit' id='clickdiv' value='Autoclick' onclick="document.getElementById('Label2').innerHTML = 'Clicked!'">
<p id='Label1'> Time </p>
<p id='Label2'> </p>
<div style='position:relative;z-index:0'><iframe src='http://www.the-xtsernal-site.com' style='width:100%;height:100%;z-index:0'></iframe></div>
</div>
CSS
#clickdiv{width:50px;height:20px;border:1px solid green;position:absolute;top:57%;left:10%;z-index:100;pointer-events:none;background-color:red;color:white}
#Label1{width:50px;height:20px;border:1px solid green;position:absolute;top:77%;left:10%;z-index:100;}
#Label2{color:red;width:50px;height:20px;position:absolute;top:87%;left:10%;z-index:100;}