繁体   English   中英

在 iframe 中触发“点击”事件

[英]Trigger "click" event in iframe

是否可以使用javascript或jquery在跨域iframe中触发点击事件?

<html>
<head>...</head>
<body>
    <div id='divA'>
        <button type='button' id='buttonA'>Button</button>
    </div>
    <div id='divB'>
        <iframe name='random'>
            <div role='button' id='buttonB'></div>
        </iframe>
    </div>
</body>

</html>

示例:当用户单击“buttonA”时在 div(#buttonB) 上触发单击事件

您无法检测跨域 iframe 中的点击事件,但一种方法是您可以检测该 iframe 上的焦点。

首先在 iframe 之外单击,然后在 iframe 上单击! 您将看到警报。

 window.focus(); //force focus on the currenct window; window.addEventListener('blur', function(e){ if(document.activeElement == document.querySelector('iframe')) { alert('Focus Left Current Window and Moved to Iframe / Possible click!'); } });
 <iframe name='random'> <div role='button' id='buttonB'></div> </iframe>

$('#buttonB').on('click',function(){
    ('#buttonA').click();
});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM