点击IFRAME的陷阱

Question

我有一个iframe，里面有一个从somwhere视频链接。 我想在点击iframe时弹出div。

<a href="javascript:alert();" class="iframelink"> 
       <iframe src="http://www.youtube.com/embed/zDNXx-PgU3k" width="213" height="195" frameborder="0"></iframe> 
      </a> 


$('.iframelink').click(function(){ 
     alert('iframe clicked. Open popup.'); 
}) 

怎么样？但因为实际上是另一个页面javascript不能捕捉点击事件。 有什么办法吗？

Answer 1

由于您必须在iframe中的链接上附加处理程序，因此应该在iframe中找到它。尝试这个。

$('a.iframelink iframe').contents()//Will get iframe contents 
.find('videoLinkSelector')//Pass the required selector 
.click(function(){ 
    //Write your code here 
}); 

contents()参考：http://api.jquery.com/contents/

请注意，您只能访问iframe的资源，只有当它是在同一个域作为其父页。

Answer 2

除了相当调皮和在IFRAME顶部放置一个隐形元素（点击顶起）之外，我认为你运气不好，因为我认为IFRAME内部的活动根本不会冒泡。小心这里 - 你处于危险的境地。塔尔是怪物。

P.S.一种选择是让IFRAME指向你网站上的一个页面，你可以添加一个onclick事件 - 然后会在父元素上触发一个函数/事件 - 但是当你的运行时间仍然不够用时它涉及点击我认为的FLASH对象。

Answer 3

您可以尝试利用YouTube API。

http://code.google.com/apis/youtube/js_api_reference.html#Adding_event_listener

虽然是有限的，你可能能够做你需要什么。