Uncaught RangeError: Maximum call stack size exceeded, JavaScript

Question

I have a problem

    open: function($type) {
          //Some code
          document.getElementById($type).addEventListener("click", l.close($type), false);
    },
    close: function($type) {
           //There is some code too
           document.getElementById($type).removeEventListener("click", l.close($type), false);
           //^ Recursion & Uncaught RangeError: Maximum call stack size exceeded
    }

What I'm doing wrong? Without this click event listener everything is working well. And what is the third parameter doing (true|false)? Thank you.

developer.mozilla.org/en/DOM/element.removeEventListener the third parameter flags whether or not you want the event listener to use event capturing (as oppose to bubbling) on adding, and on removal whether or not the event was added as such. — davin
– davin, Commented Feb 29, 2012 at 11:04

Lycha · Accepted Answer · 2012-02-29 11:01:51Z

9

You are calling the close function in the addEventListener and removeEventListener when you are trying to pass is as an argument (causing an infinite loop). Instead you should simply pass the reference to the function as follows:

document.getElementById($type).addEventListener("click", l.close, false);

And:

document.getElementById($type).removeEventListener("click", l.close, false);

answered Feb 29, 2012 at 11:01

Lycha

10.2k3 gold badges40 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

anony_root Over a year ago

Thank you. :) But what is the third parameter doing?

Lycha Over a year ago

@Krylovech It defines if the handler should be executed during capturing or bubbling phase: quirksmode.org/js/events_order.html

Khizer Jalal · Accepted Answer · 2014-05-08 07:56:11Z

0

Or you might have two Javascript functions with the same name.

answered May 8, 2014 at 7:56

Khizer Jalal

711 silver badge3 bronze badges

Collectives™ on Stack Overflow

Uncaught RangeError: Maximum call stack size exceeded, JavaScript

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related