jQuery on click not working FireFox - possibly event.preventdefault

Question

I have the following which is working on every browser other than Firefox. This appears to be a problem the prevent default action, how can I fix this?

$(".subcontent .sidebar .mobileopen").on("click", function () {
    event.preventDefault();
    $('.subcontent .sidebar .mobileopen').toggleClass('removeborder');
    $('.subcontent .sidebar nav.mobile').slideToggle();
    $('.subcontent .sidebar nav.mobile ul li.menu-item-has-children > a').on("click", function () {
        event.preventDefault();
        $(this).nextAll('ul').eq(0).slideToggle('slow');
        $(this).parent().toggleClass("open");
    });
});

$( ".subcontent .sidebar .mobileopen" ).on( "click", function(event) { dont know if this helps. But you need to apply the event on the function — Tommy, Oct 19 '15 at 15:00
`event` should be a parameter to the handler function, is what @Tommy correctly suggests :) — Pointy, Oct 19 '15 at 15:00
Take a look here: http://stackoverflow.com/questions/4585970/jquery-event-preventdefault-not-working-in-firefox-jsfiddle-included — Dalibor, Oct 19 '15 at 15:03

score 5 · Accepted Answer · edited May 23 '17 at 10:27

5

You haven't passed the event parameter to the event handler

$(".subcontent .sidebar .mobileopen").on("click", function (event) {
                                                            ^^^^^
    event.preventDefault();

Mozilla Firefox don't have global event. Check https://stackoverflow.com/a/33167145/2025923.

You can also use return false; at the end of the event handler to prevent default action of the element from happening. This will also stop event bubbling.

edited May 23 '17 at 10:27

Community

1
1

answered Oct 19 '15 at 15:00

Tushar

85,780
21
159
179

Thanks - should I put event.preventdefault in there or just event and do that on the next line? – bigdaveygeorge Oct 19 '15 at 15:04

score 0 · Answer 2 · answered Apr 01 '20 at 10:19

0

This one worked for me

$("body").on("click", ".subcontent .sidebar .mobileopen" function (event) {
    event.preventDefault();

});

answered Apr 01 '20 at 10:19

Daniel K.

11
4

jQuery on click not working FireFox - possibly event.preventdefault

2 Answers2