stopPropagation() not working in IE

Question

Having some issues in IE. Things are fin in Chrom/Opera etc. But in IE I go to click and toggleClass but nothing happens. I thought implementing cancel.bubble would help me but that is not the case. Following is the HTML: ```

Catamarans

``` and in the JQuery ``` function dateChange(dateInput){ //creating new instance of the date based on the date passed into the function var nextDay = new Date(dateInput); //the date will change according to the date passed in from 1 day to 1 month nextDay.setDate(nextDay.getDate()+1); //The following will go into another function which formats the date in such a way that vbscript can handle it. nextDay = dateFormat(nextDay); //updating the values for the a tag in the onclick attribute. and appen…

Accepted Answer

It seems like your issue is caused by a difference in the handling of the `event` object in IE. In IE9 and before, the event object is not a local variable in the event handler's context, but instead a global variable. Instead of directly calling `event.stopPropagation()`, try to do this first: ``` event = event || window.event; event.stopPropagation(); ``` IE9 apparently populates the `window.event` object instead of the local variable. A much better way would be to use jQuery to bind events to buttons, and never to use the `onclick` attribute in HTML. As pointed out in the comments, jQuery will normalize the event object so that it can be accessed from a common interface. An example of this would be: HTML: ``` < month ``` Javascript with jQuery: ``` $("#prevMonthBtn").click(dateChange); ``` You can find an alternative way to pass the arguments `formattedDate` in.

stopPropagation() not working in IE

Solution

Problem