force javascript EventListener to execute once?

javascript listener addeventlistener
Skizit picture Skizit · Feb 2, 2011 · Viewed 37k times · Source

I'm wondering is it possible for force a javascript event listener to, without the condition being true force it to execute once then continue listening for it's condition to be met to execute further?

Answer

Jlam picture Jlam · Dec 2, 2011 
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.

Related questions

JavaScript: remove event listener

I'm trying to remove an event listener inside of a listener definition: canvas.addEventListener('click', function(event) { click++; if(click == 50) { // remove this event listener here! } // More code here ... How could I do that? this = event... Thank you.

Read More
execute function on enter key

I have an input and I'd simply like to add an event listener for it to activate a function when I press enter, when the input is focused. How do I do this with pure JS? Right now I have: …

Read More
Add multiple window.onload events

In my ASP.NET User Control I'm adding some JavaScript to the window.onload event: if (!Page.ClientScript.IsStartupScriptRegistered(this.GetType(), onloadScriptName)) Page.ClientScript.RegisterStartupScript(this.GetType(), onloadScriptName, "window.onload = function() {myFunction();};", true); My problem is, if there is already …

Read More