jQuery的捕获点击的iFrame(Jquery capture Click on Iframe)

所以我有一个I帧我的网页上一样

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

我想知道我怎么能抓住click事件这一点。 iframe的没有对它们设置一个ID或类

Answer 1:

你可以不借助iframe不属于同一个域下的互动。 这始终是由浏览器的政策阻止。

见检测点击进入使用JavaScript的iFrame

Answer 2:

我遇到了一个情况，我不得不跟踪通过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();

文章来源: Jquery capture Click on Iframe