Superposición clicks -> Como saber donde hace click un usuario

[lag_0]

Buenas,

Pues eso: No encuentro ni se me ocure la forma de "transparentemente" obtener un click de un usuario en un punto determinado de la página; Me explico:

En google Analytics, por ejemplo, hay una sección que apunta: "Super posición web" y te muestra donde los usuarios realizan clicks en tu página.

Pues esto mismo quiero yo: Tener una capa invisible por encima del contenido que, cuando tenga un click llame a una función JS e independientemente el click surta efecto con lo que quedase debajo de esta capa web.

Utilidad: Tengo ciertas dudas sobre la contabilización de clicks de mi programa de publicidad y me gustaría llevar un calculo alternativo.

Alguina idea?

Gracias.

[_cronos2]

Entonces tendrías que añadir el evento a todo el documento, no a un sólo div.
Saludos (:

[lag_0]

Ahá, pero, Un OnClick no da la posición del ratón donde se ha realizado ni el div contenedor donde se ha pulsado; O me equivoco?

[_cronos2]

No, pero puedes construir una función que te diga dónde estaba el puntero. Lo de saber dónde se hizo click supongo que también se podría hacer pero es un poco más complicado.

[stock]

En realidad es sencillo, ponle el evento a todo el documento y para sacar las cordenadas usas el objeto event, ahí vienen varias cosas interesantes, como por ejemplo el "Target", las coordenadas, teclas, y más, lo que a ti te interesaría es, event.clientX y event.clientY

Código Javascript:

function showCoords(evt){
  console.debug(
    "clientX value: " + evt.clientX + "\n" +
    "clientY value: " + evt.clientY + "\n"
  );
}
 

Esto te funcionará siempre y cuando ningún elemento hijo detenga la propagación del evento, ya que si el click no se propaga hasta el BODY, entonces simplemente no sucede nada.

checa la documentación del objeto Event para que veas toda la información que puedes acceder.

https://developer.mozilla.org/en/DOM/event

Saludos

PD: Para que funcione en IE el evento lo tienes que sacar de "window.event"

[IsaBelM]

no comprendo como saber las coordenadas de donde se produjo del evento le puede ayudar para hacer el contador.
por un lado, si se le asigna a todo el documento, y en él, hay mas elementos que requieren ese mismo evento, como tamizar toda esa información??
por otro lado, en un elemento de 10x10, creo que existen 100 coordenadas distintas. tendrá que comparar esa 100 coordenadas, con las coordenadas que le lleguen?? como solo se me ocurren preguntas y no respuestas, dejo de preguntar

[sysmadryn]

Puedes sumar una accion al onclick del objeto :


function addEvento(oDom,sEvento,fAccion) {

if (typeof oDom[sEvento] != 'function') {
oDom[sEvento] = fAccion;
}
else {
var accionAnterior = oDom[sEvento];
oDom[sEvento] = function() {
fAccion();
accionAnterior();
}
}
}

addEvento(oDiv, 'onclick',tufuncion)

donde :

oDiv es tu objeto DIV y tufuncion es ... tu funcion.


Saludos

[lag_0]

Iniciado por stock

En realidad es sencillo, ponle el evento a todo el documento y para sacar las cordenadas usas el objeto event, ahí vienen varias cosas interesantes, como por ejemplo el "Target", las coordenadas, teclas, y más, lo que a ti te interesaría es, event.clientX y event.clientY

Código Javascript:

function showCoords(evt){
  console.debug(
    "clientX value: " + evt.clientX + "\n" +
    "clientY value: " + evt.clientY + "\n"
  );
}
 

Esto te funcionará siempre y cuando ningún elemento hijo detenga la propagación del evento, ya que si el click no se propaga hasta el BODY, entonces simplemente no sucede nada.

checa la documentación del objeto Event para que veas toda la información que puedes acceder.

[url]https://developer.mozilla.org/en/DOM/event[/url]

Saludos

PD: Para que funcione en IE el evento lo tienes que sacar de "window.event"

Tres (o cuatro) millones de gracias. Esto era lo que buscaba.