Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 捕捉iframe跨域中的单击位置_Javascript_Jquery_Html_Iframe_Cross Domain - Fatal编程技术网

Javascript 捕捉iframe跨域中的单击位置

Javascript 捕捉iframe跨域中的单击位置,javascript,jquery,html,iframe,cross-domain,Javascript,Jquery,Html,Iframe,Cross Domain,我遇到了跟踪点击位置的问题,当点击位置在跨域的iframe上时 我的代码是: <div class="poin"> <iframe width="640" height="360" src="http://cross_domain" frameborder="0" allowfullscreen id="video"></iframe> </div> 这一段代码,在iframe窗口上移动时不会显示任何内容,但在显示所有内容的窗口上移动时会显示任何

我遇到了跟踪点击位置的问题,当点击位置在跨域的iframe上时

我的代码是:

<div class="poin">
<iframe width="640" height="360" src="http://cross_domain" frameborder="0" allowfullscreen id="video"></iframe>
</div>
这一段代码,在iframe窗口上移动时不会显示任何内容,但在显示所有内容的窗口上移动时会显示任何内容

我还试过mousedown和iframe上的mouseup

onmousedown="$(this).addClass(point)" onmouseup="$(this).removeClass(point)"
.point{
pointer-events:none;
}
但是指针事件:none不允许单击,所以移到iframe上是可行的,但是当用户单击时,什么也不会发生


也许你对如何在iframe窗口上跟踪鼠标点击有一些想法?

我有一种感觉,这将是安全模型的一部分,旨在防止你与其他人的网站发生冲突。如果您无法控制其他域上的页面,那么您的javascript选项通常为零。(如果您可以控制另一个域,则在该页面上有脚本,请报告回父框架页面)

您可以尝试在iframe顶部放置一个透明元素,以检测其上的移动。当然,这也会阻止用户与框架页面交互,但是如果您可以指示用户双击,然后可以在第一次单击时删除透明元素,从而允许第二次单击框架页面


不幸的是,这是您不应该跨域执行的操作。

出于安全原因,您不能对跨域页面执行此操作!
onmousedown="$(this).addClass(point)" onmouseup="$(this).removeClass(point)"
.point{
pointer-events:none;
}