Troubleshooting DataPageReady code being run multiple times when it should be once

[Elderberg]

I have the below in the footer of a Pivot  Report Drill down.   The code runs once upon the first drill down, but when i return to the Pivot and drill down again into another area, the code executes twice, repeating again and it executes 3 time, then 4 times etc, etc. 

 

Looking for help on understanding why i'm observing this behaviour.. and how to prevent it.  

<script>
document.addEventListener('DataPageReady', function(event) {

    alert("hello");

});
</script>

 

 

[TellMeWhy]

Use something like event.stopImmediatePropagation(); or event.stopPropagation();

Just put that inside.

 

If it does not work, try the Example 2 in https://howto.caspio.com/datapages/ajax-loading/ and restrict it with the DataPage's AppKey, and put the event.stopImmediatePropagation(); or event.stopPropagation(); inside that

[Volomeister]

Hi Elderberg,

You could do next:

const mainF = ()=> {
alert("hello");
document.removeEventListener('DataPageReady', mainF)
}
document.removeEventListener('DataPageReady', mainF)