wykryj kliknięcie wewnątrz iframe

Question

chcę wykryć kliknij INSIDE iframe nie onclick na elemencie iframe próbowałem zdarzenie onclick musisz kliknąć na iframe by wywołać funkcję, a nawet wypróbowałem addeventlistener do okna lub dokumentu nic nie działa tak, jakby iframe nie było tam funkcja nigdy Triger po kliknięciu wewnątrz iframe :(plz

Answer 1

Ze względów bezpieczeństwa, jesteś nie powinien być w stanie śledzić działania w IFRAME, że idzie do innej strony internetowej. Jeśli masz IFRAME na swoje własna strona, która trafia na inną stronę we własnej witrynie, następnie rozwiązuje to poprzez dodanie śledzenia kliknięć bezpośrednio w kodzie, który uruchamia IFRAME:

Jeśli jest to niemożliwe, możesz rozważyć uruchomienie własnego dostosowanego serwera proxy dla IFRAME: ed webserver, dzięki czemu będziesz mógł ponownie dodawać własne śledzenie kliknięć. Zobacz Mousehole by _why dla przykładów kodu.

Answer 2

Możesz umieścić przezroczysty DIV na IFRAME.
Rozmiar tego DIV jest taki sam lub większy niż IFRAME.
I z wyższą właściwością CSS z-index.

Następnie, po kliknięciu na IFRAME, DIV odbiera zdarzenie.

Ale ponieważ świat nie jest idealny, straciłeś możliwość klikania wewnątrz IFRAME.

Answer 3

Działa tylko na iframe w tej samej domenie:

$('body', $('select-your-iframe-here').contents()).click(function(event) { 
    console.log('Clicked! ' + event.pageX + ' - ' + event.pageY); 
}); 

Answer 4

Spróbuj

$(window).click(function(e){ 
    $('#result').text('Clicked inside document'); 
}); 

$(window).blur(function(e){ 
    $('#result').text('Clicked out of the window or on the iframe'); 
});​ 

testu http://jsfiddle.net/4vBRe/

do wykrycia tylko kliknięcie na iframe następnie użyć zdarzenia mouseover następnie rozmycie

Answer 5

Przeglądarki internetowe nie umożliwiają dostępu do zawartości elementu iframe ze względów bezpieczeństwa (z wyjątkiem sytuacji, gdy element iframe znajduje się w tej samej domenie, co strona nadrzędna).

Ale istnieje obejście, używając zdarzenia rozmycia, które jest uruchamiane po kliknięciu elementu iframe (ponieważ podczas gdy element iframe uzyskuje fokus, strona nadrzędna go traci).

Napisałem wtyczkę jQuery, która wykorzystuje tę wskazówkę do wykrywania kliknięć na elemencie iframe, jest dostępna tutaj: https://github.com/finalclap/iframeTracker-jquery. Możesz przeczytać samouczek pod numerem http://www.finalclap.com/tuto/track-iframe-click-jquery-87/ (w języku francuskim).

Aby go użyć, po prostu trzeba dopasować element (y) iframe chcesz śledzić, dostarczając funkcji zwrotnej:

jQuery(document).ready(function($){ 
    $('.iframe_wrap iframe').iframeTracker({ 
     blurCallback: function(){ 
      // Do something when iframe is clicked (like firing an XHR request) 
     } 
    }); 
});