我如何可以访问父窗口使用JavaScript和jQuery的或I帧的文档事件的鼠标位置(How ca

我有一个iframe的父窗口内，同时与IFRAME SRC和位于同一个域中的父。 为了保持iframe的文档清晰的JavaScript我希望能够使用的函数的父窗口，以获得iframe中的鼠标位置。

我在此尝试到目前为止已包括：

<iframe id="iframe1" src="test.html" style="position:relative; width:500px; height:500px"></iframe>
<div id="result" style="border:1px solid black"></div>

<script>
$(document).bind("mousemove", function(e){
    $("#result").html("x:" + e.pageX + ", y:" + e.pageY);
});

$("#iframe1").contents().find(document).bind("mousemove", function(e){
$("#result", window.parent.document).html("x:" + e.pageX + ", y:" + e.pageY);
});
</script>

第一mousemove事件工作正常显示在结果DIV鼠标位置，但第二个事件（我试图绑定到的IFRAME文件）没有给出响应。

Answer 1:

这个工作，除了权限的一部分。

JS：

$(document).bind("mousemove", function(e) {
    $("#result").html("x:" + e.pageX + ", y:" + e.pageY);
});

$($("#iframe1").contents()[0], window).bind("mousemove", function(e) {
    $("#result").html("x:" + (e.pageX) + ", y:" + e.pageY);
});

问题是与.find() 我只是用的内容返回的数组的第一个索引，因为一个iframe应该仅仅包含一个文件。

更新了一个更好的例子。

文章来源: How can I access an iframes document event mouse position from the parent window using javascript and or jquery