Question

所以我的页面上有一个iframe，如

<iframe width="640" height="360" frameborder="0" allowfullscreen="" src="http://www.youtube.com/xxxxxx">

我想知道如何在此捕获click事件。 Iframe没有设置id或类

Answer 1

我遇到了一种情况，我必须跟踪通过iframe拉入的社交媒体按钮的点击次数。单击按钮时将打开一个新窗口。这是我的解决方案：

var iframeClick = function () {
    var isOverIframe = false,
    windowLostBlur = function () {
        if (isOverIframe === true) {
            // DO STUFF
            isOverIframe = false;
        }
    };
    jQuery(window).focus();
    jQuery('#iframe').mouseenter(function(){
        isOverIframe = true;
        console.log(isOverIframe);
    });
    jQuery('#iframe').mouseleave(function(){
        isOverIframe = false;
        console.log(isOverIframe);
    });
    jQuery(window).blur(function () {
        windowLostBlur();
    });
};
iframeClick();

Answer 2

您无法与不在同一域下的iframe进行互动。浏览器的策略始终阻止这种情况。

请参阅Detect Click into Iframe using JavaScript

Jquery捕获单击Iframe

2 个答案: