JQuery — как отследить клик в iframe?

Question

[Tonako]

Есть страница, на ней есть кнопка лайка социальной сети

Кнопка - это iframe 200x100

как сделать alert при нажатии на лайкл, то есть в любое место внутри iframe?

Answer 1

[apolon13]

var container = $('#frame').contents();

container.on('click','a.like',function () {
        return false;
});

Answer 2

[Дмитрий]

Если у вас iframe грузится с другого домена, то никак.
Либо применять API соц. сети, откуда LIKE кнопка.
Для ВКонтакте, это например observer и его события.

Comments

[Tonako]

да iframe с другого домена

а как тогда отследить событие клик? может на сам iframe добавить onlick="" либо на div в втором iframe?

[Дмитрий]

Tonako: на сам iframe не получится, так не работает попросту. По поводу div во втором iframe - вы хотите перекрыть эту кнопку другим iframe-ом со своего домена? Но тогда как пользователь будет кликать по самой кнопке? До нее ведь не дойдет клик.

Answer 3

[Игорь Агарков]

Если кому-то понадобится, то мне помогло вот это:

var src = $('#frame').attr('src');
    $('#frame').load(function(){
        $(this).contents().find('body').click(function(){
            alert("Click!");
        });
    }).attr('src', src);

Это работает, если фрейм загружается с того же домена