detectar haga clic dentro de iframe

Question

Quiero detectar haga clic en INSIDE iframe no onclick en iframe sí mismo intenté onclick evento debe hacer clic en iframe para activar la función incluso probé addeventlistener a ventana o documento nada funciona como si el iframe no estuviera allí función nunca Triger cuando hago clic en el interior iframe :(PLZ ayudar

Answer 1

Por razones de seguridad, no está supone que es capaz de realizar un seguimiento de las actividades en un IFRAME que va a un sitio web diferente. Si usted tiene un IFRAME en su propio sitio que vaya a otra página en su propio sitio, luego resuelva esto agregando el seguimiento de clics directamente en el código que ejecuta el IFRAME.

Si esto es imposible, puede considerar ejecutar su propio servidor proxy personalizado para el servidor web IFRAME: ed, y de esa manera podrá agregar su propio seguimiento de clics. Ver Mousehole by _why para ejemplos de código.

Answer 2

Puede poner un DIV transparente encima del IFRAME.
Se talla ese DIV al mismo tamaño o más grande que el IFRAME.
Y con una propiedad CSS z-index más alta.

Luego, cuando hace clic en el IFRAME, el DIV recibe el evento.

Pero como el mundo no es perfecto, ahora ha perdido la capacidad de hacer clic dentro del IFRAME.

Answer 3

sólo funciona en marcos flotantes en el mismo dominio:

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

Answer 4

haga esta prueba

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

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

http://jsfiddle.net/4vBRe/

Para detectar sólo el clic sobre el marco flotante a continuación, utilizar evento mouseover continuación, difuminar

Answer 5

Los navegadores web no te permitirán acceder al contenido de un iframe por razones de seguridad (excepto si el iframe está en el mismo dominio que la página principal).

Pero hay una solución, utilizando el evento de desenfoque que se dispara cuando se hace clic en un iframe (porque mientras el iframe obtiene el foco, la página principal lo pierde).

He escrito un plugin jQuery que usa este consejo para detectar clics en iframe, está disponible aquí: https://github.com/finalclap/iframeTracker-jquery. Puede leer el tutorial en http://www.finalclap.com/tuto/track-iframe-click-jquery-87/ (está en francés).

Para usarlo, sólo tiene que coincidir con el elemento (s) iframe desea realizar un seguimiento, el suministro de una función de devolución de llamada:

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