Actualmente me enfrento a un problema en el que tengo detectores de eventos ejecutándose para el sitio web de mi cliente que rastrean todos los clics en el sitio web. Tenemos 4 clientes y nuestro código funciona bien en 3 de ellos, pero no funciona correctamente en el sitio web de 1 cliente.

Estamos ejecutando el siguiente código cuando se activa un clic:

 async function objectClick(obj) { var tag = obj.target; if (tag.nodeName == 'IMG') { objectName = tag.src; } else { objectName = tag.innerText || tag.textContent || tag.value; } var data_tag = tag.getAttribute("data-*"); if (data_tag != null) { if (data_tag.includes("abc")) { var layout = JSON.parse(window.localStorage.getItem(page)); layout.ctr = 1; window.localStorage.setItem(page, JSON.stringify(layout)) await sendToHistory(uid, url, JSON.stringify(layout)); } else if (data_tag.includes("reward")) { var layout = JSON.parse(window.localStorage.getItem(page)); layout.reward = 1; window.localStorage.setItem(page, JSON.stringify(layout)) await sendToHistory(uid, url, JSON.stringify(layout)); } } if (data_tag === "abc" || data_tag === "reward") { await sendToJourney(uid, "Clicked", -1, tag.nodeName, JSON.stringify({ text: objectName, data_nostra: null }), url, page); } else { await sendToJourney(uid, "Clicked", -1, tag.nodeName, JSON.stringify({ text: objectName, data_nostra: data_nostra_tag }), url, page); } }

Para la mayoría de nuestros clientes, todo el código se ejecuta en la función, incluida la función sendToJourney . Para este cliente, después de ejecutarse sendToHistory , la página cambia y no se activa sendToJourney . ¿Sabes por qué es esto?

sendToJourney y sendToHistory son funciones que envían algunos datos a una API. Déjeme saber si usted necesita más información. Por último, el sitio web del cliente se crea utilizando Elementor, que es un complemento de WordPress. 2 de los otros 4 clientes también usan Elementor, pero la función se ejecuta completamente para ellos, pero no para este 1 cliente. ¿Hay algo que pueda estar impidiendo que el código se ejecute por completo?

Hemos intentado usar obj.preventDefault pero no podemos hacer que el evento se active una vez que se ejecuta nuestro código, entonces, ¿qué solución podría usarse aquí?

Llamo a objectClick() adjuntando un detector de eventos como tal:

 (async function (document) { await initData() var trackable = document.querySelectorAll("img,button,p,h1,h2,h3,h4,h5,h6,a,span,input[type='submit'],[data-*]"); for (var i = 0; i < trackable.length; i++) { trackable[i].addEventListener('mouseover', onHover, false); trackable[i].addEventListener('mouseout', offHover, false); trackable[i].addEventListener('click', objectClick, false); } })(document);