php – 使用Invisible div检测Click Inside IFrame_php教程

上一篇: php – 备份事件调度程序下一篇:php – 是否可以使用或在codeign...

php – 使用Invisible div检测Click Inside IFrame

发布时间：2022-04-30 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了php – 使用Invisible div检测Click Inside IFrame，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

我仔细阅读了这篇文章.
Detect Click into Iframe using JavaScript

但是,我仍然看到人们做过类似的事情.请告诉我该怎么做.

一位开发人员告诉我：

但我对div并不是很好,并希望学习如何做到这一点.
谢谢

附：它涉及跨域或外来域Iframing.

解决方法

如果我明白你在这里问的是什么：

jsFiddle

// PLACE OVERLAY OVER each IFRamE
VAR W=0,H=0,X=0,Y=0;
$(".iframe").each(function(i,el){
   W = $(el).width();
   H = $(el).height();
   X = $(el).posITion().left;
   Y = $(el).position().top;
   $(this).after('<div class="overlay" />');
    $(this).next('.overlay').css({
        width: W,height: H,left: X,top: Y        
    });
});

// TRACK MOUSE POSITIONS (the overlay will prevent clicks on iframe page)
var mx = 0,my = 0;
$('.overlay').on('mouSEMove click',function(e){
    mx = e.clientX - $(this).position().left;
    my = e.clientY - $(this).position().top;

    if(e.tyPE==='click'){
        alert('clicked at: X='+mx+' Y='+my)
    }        
});