我的网站上有一个使用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中重新单击,则没有弹出窗口,我是否缺少明显的内容?任何帮助表示赞赏。