클릭 이벤트가 Google 광고 iframe에서 작동하지 않습니다.

Question

Google 광고에서 클릭을 감지하는 스크립트를 만들려고합니다. 모든 이벤트는 onmouseover와 같이 작동합니다. 클릭, 포커스, 마우스 다운을 제외한 기타 등등. Google 광고를 클릭하면 광고 링크가 열리지 만 클릭 이벤트에서 jquery 스크립트를 실행하지 마십시오. 나는 그것도 preventdefault와 다른 기능을 시도했다. Google 광고에서 클릭을 감지하고 클릭 할 때 iframe 너비와 높이를 PHP 파일로 구문 분석하려고합니다.

$(window).load(function(){ 
    $('iframe').bind('mouseover', function(){ 
     var iframeID = $(this).attr('id'); 
     $(this).contents().find('html').unbind(); 
     $(this).contents().find('html').bind('click', function(){ 
      alert(iframeID); 
     }); 
    }); 
}); 

이것은 마우스 오버시 실행되는 코드이며 클릭 이벤트에는 발생하지 않습니다.

Answer 1

내용이 iframe 안에 완전히로드 될 때까지 iframe 내용에 대한 click 이벤트를 바인딩해야합니다. 로드 이벤트 내부에서 코드를 래핑 해보십시오.

$('iframe').load(function() { 
     var iframeID = $(this).attr('id'); 
     $(this).contents().find('html').unbind(); 
     $(this).contents().find('html').bind('click', function(){ 
      alert(iframeID); 
     }); 
    }); 

Answer 2

콘텐츠가 다른 도메인의 콘텐츠 일 경우 iFrame의 클릭 이벤트를 캡처 할 수 없습니다.

당신이 할 수있는 일은 마우스 입력을 감지하고 iframe에서 나가는 것입니다. 여기

많은 브라우저에서 작동하지 않습니다 때문에 예를

<div class="item"> 
<iframe src="http://www.google.com" width="612" height="344" frameborder="0"></iframe> 
</div> 

<script type="text/javascript"> 
$("div.item iframe") 
.mouseover(function(){ 
    alert("mouse over"); 
}) 
.mouseout(function(){ 
    alert("mouse out"); 
}); 
</script>