如何将Click事件添加到iframe

时间:2017-04-08 15:30:59

标签: javascript jquery html iframe

我在页面上有一个iframe(使用广告)。我正在尝试,当用户访问时,在他点击网页的任何地方,它都会在新标签页中打开此广告,如123movies.to。我也用饼干在30分钟后显示主要div。 *注意:我使用div green和block,iframe opacity = 1进行测试。类似的东西:

= ---- ---- JQUERY =

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#parent_popup').click(function(){
var $iframe = $("#iframe1").contents();
$iframe.click();   
});
});
</script>


<script language="javascript">
if (document.cookie.indexOf("visited") >= 0) {
} else {
var delay_popup = 500;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
expiry = new Date();
expiry.setTime(expiry.getTime()+(30*10*1000)); // 30 minutes
document.cookie = "visited=yes; expires=" + expiry.toGMTString();
}
</script>

= ---- ---- CSS =

<style>
#parent_popup {
background: green;
cursor:pointer;
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;}
</style>

= ---- ---- HTML =

<div id="parent_popup">
<iframe id="iframe1" style="opacity:1; filter: alpha(opacity=0)" marginwidth="0" marginheight="0" src="http://webpage.com/advertisement.html" frameborder="" height="100%" scrolling="NO" width="100%"></iframe>
</div>

1 个答案:

答案 0 :(得分:0)

我认为,这个答案可以帮助你https://stackoverflow.com/a/27369629/6072503

如果没有,请创建一个示例,我可以在那里进行测试。