IFRAME 上的点击陷阱

发布于 2024-12-29 17:00:44 字数 441 浏览 4 评论 0原文

我有一个 iframe，里面有一个来自某处的视频链接。我想在点击 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 无法捕获点击事件。有什么办法吗？

原文

I have a an iframe which inside there is a video link from somwhere.
I want popup a div when click on iframe.

<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.'); 
})

How? But because is actually another page javascript cant catch click event.
Is there any way?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

归属感 2025-01-05 17:00:44

由于您必须将处理程序附加到 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 资源才可以访问。

Since you have to attach the handler on a link inside an iframe, you should find it inside the iframe. Try this.

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

contents() reference: http://api.jquery.com/contents/

Note that you can only access iframe resources only if it is in the same domain as its parent page.

回复收藏 0 原文