触发iframe内的按钮

Question

这是iframe代码:

<div id="OutDiv" class="outerdiv">
    <iframe src="http://beta.sportsdirect.bg/checkout/onepage/" id="InnerIframe" class="FrameCSS" scrolling="no"></iframe>
</div>

这是上面iframe调用的按钮的HTMl代码:

<button type="button"  id="SuperWebF1" title="Continue" class="button">Continue</button>

这是我用来在加载页面时触发按钮单击的jQuery函数:

 $('#SuperWebF1').trigger( "click" );

但是只有当我将jQuery代码放在按钮源中并且iframe使用脚本调用按钮时,才会这样工作.

我想制作一个点击iframe外部按钮的活动.可能吗 ？

提前致谢!

Answer 1

//execute code after DOM is ready
$(function() {

  //find iframe
  let iframe = $('#main_iframe');
  
  //find button inside iframe
  let button = iframe.contents().find('#main_button');
  
  //trigger button click
  button.trigger("click");
  
});