stackoom
  简体   繁体   中英

Trigger "click" event in iframe

 原文  2020-01-07 05:20:35  2   2    javascript/ jquery

Question

Is it possible to trigger a click event in cross domain iframe with javascript or jquery?

<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>

Example : Trigger click event on div(#buttonB) when user click "buttonA"

2 answers

solution1
 1  2020-01-07 05:38:33

You cannot detect click event in cross-domain iframe but one way is that you can detect focus on that iframe.

First click outside of iframe and then on iframe! You will see the alert. 

 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>

solution2
 -3  2020-01-07 05:35:54

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

暂无
暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question trigger click event in iframe parent window How to trigger iframe post from parent click event Trigger click on iframe Trigger Click Inside an iframe trigger Event from iframe Binding click event on an iframe? Click event in iframe Click event inside Iframe IFrame button click event capture click event on iframe
Related Tags
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM