在iframe中点击

时间:2019-02-21 19:13:45

标签: javascript

我的网站上有一个使用iframe的页面,我正在做的是,如果用户单击iframe中的任何位置,他们会收到一条弹出消息:

alert('To learn more about this product please click on the \'Read More\' button.');

我编写的代码是:

<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" id="iframe" src="http://zzzzz.<?php echo $id; ?>.site2.net/" allowfullscreen></iframe></div>

<!-- Iframe -->
<script>
var monitor = setInterval(function(){
    var elem = document.activeElement;
    if(elem && elem.tagName == 'IFRAME'){
        alert('To learn more about this product please click on the \'Read More\' button.');
        clearInterval(monitor);
    }
}, 100);
</script>

当前代码确实按预期方式弹出消息,但仅弹出一次,如果我尝试在iframe中重新单击,则没有弹出窗口,我是否缺少明显的内容?任何帮助表示赞赏。

0 个答案:

没有答案