Получить событие клика из iframe с помощью jquery

Question

Как я могу получить событие клика из iframe div на моей веб-странице, где я разместил iframe, используя jquery?

Answer 1

Используйте jQuery content для взаимодействия с содержимым iframe.

var frame = $('<iframe />').appendTo('body');  // create the iframe and append it to the body
var frameBody = frame.contents().find('body'); // grab the body node
frameBody.append('<div />');                   // add a div
frameBody.find('div');                         // retrieve the div

Если вы загружаете iframe из URL, убедитесь, что вы придерживаетесь политики того же источника, и дождитесь загрузки iframe:

frame.load(function(){
    var frameBody = frame.contents().find('body');
    frameBody.find('div').click(function(){
        // here is the iframe div click callback
    }); 
});

Answer 2

Это может помочь вам @Valisimo. Это работа только во внутреннем домене.

$(document).ready(function(e) {
    // here , I write <h2> HTML tags to try.

    $('#frame').contents().find('h2').click(function(){
        $('#frame').contents().find('h2').toggle(1000);
    })
});