force javascript EventListener to execute once? [closed]

Answer 1

If I understand your question correctly, you only want to handle one event at a time (if an event fires multiple times in rapid succession, you only want to handle one of them) then once the handler is complete, you will continue to listen for more events. Correct?

jQuery has a .one( ) method api.jquery.com/one

It only handles the event once, but if you re-bind the event in the handler, then it will function as you want.

function handler( )
{
    // do stuff

    $(this).one( 'click', handler );
}

$('.someElement').one( 'click', handler );

Answer 2

if you wrap the code in a function, just call the function on page load

edited to add example:

dunno what your event is but here's an example:

<a ..onclick='someFunction()'>click</a>

<script type='text/javascript'>
function someFunction() {
  // do whatever
}

// call the function
someFunction();
</script>

Answer 3

var clickFunction = function (event) {
    //do some stuff here
    window.removeEventListener('click',clickFunction, false );

};
window.addEventListener("click", clickFunction, false);

This will let you fire the clickFunction once, as the magic of closure let the removeEventListener find the clickFunction.

No need to use a library just to get something simple done.