iframe 내에서 클릭 이벤트를 부모 요소로 트리거하는 방법은 무엇입니까?

Question

iframe 내에서 클릭 이벤트를 부모 요소로 트리거하려면 어떻게해야합니까?

iframe을 열기 전에 상위 페이지에서 다음 코드를 시도했습니다.

jQuery('iframe').contents().bind('eventhandler', function() {    
       alert('event was fired'); 
     }); 

는 또한

jQuery(document).bind('eventhandler', function(e) { 
alert('event was fired'); 
}); 

와 iframe 내에 내가 클릭 이벤트

jQuery(document).trigger('eventhandler');      

에이 코드를 임베디드 한

을 시도하지만 내가 여기서 뭔가 잘못하고있는 중이 야 작업을 does't?

Answer 1

iframe의 상위 문서를 참조해야합니다. 이것은 당신이 무엇을해야한다 :

index.html을 :

는

<iframe src="iframe.html"></iframe> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script> 
$(function(){ 
    $(document).on('eventhandler', function() {    
     alert('event was fired'); 
    }); 
}); 
</script> 

iframe.html : 당신은 모두의 소스의 제어가있는 경우

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script> 
$(function(){ 
    parent.$(parent.document).trigger('eventhandler'); 
}); 
</script> 

Answer 2

, 당신은 이런 식으로 작업을 수행 할 수 있습니다

How to communicate between iframe and the parent site?