javascript 및 jquery를 사용하여 부모 창에서 iframe 문서 이벤트 마우스 위치에 액세스하는 방법

Question

iframe src와 부모가 동일한 도메인에있는 부모 창 내부에 iframe이 있습니다. iframe 문서를 자바 스크립트에서 지우려면 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 이벤트를 올바르게 내가 iframe이 문서에 결합하려고 시도했습니다 결과 DIV에 마우스 위치하지만 두 번째 이벤트 (표시 작동)는 응답을 제공하지 않습니다. 사용 권한 부분을 제외하고

Answer 1

This이 작동합니다.

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은 문서 만 포함하고 있기 때문에 내용에 의해 반환 된 배열의 첫 번째 인덱스를 사용했습니다.

더 좋은 예를 들어 업데이트했습니다.