如何使用javascript和/或jquery从父窗口访问iframes文档事件鼠标位置

我在父窗口中有一个iframe，iframe src和父窗口位于同一个域中。 为了保持iframe文档不受javascript限制，我希望能够在父窗口中使用一个函数来获取iframe中的鼠标位置。

到目前为止，我的尝试包括：

 
  $(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); });  

第一个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应该只包含文档。

更新了一个更好的例子。