javascript - 基礎となる要素までのjquery autoclick

Question

これが可能かどうかはわかりません！

しかし、外部サイトの要素を自動的にクリックしたいです。

要件は、次のページをクリックしてすべての章を完了することにより、オンライン トレーニングを完了することです。トレーニングでは、膨大な数の章にアクセスするだけで済みます。そのサイトのコードにアクセスできないので、

だから私はサイトをiframeに入れ、クリック可能な要素領域の上に透明なdivを置きます

ポインターイベント:なし

また、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;}