"click" doesn't work on mobile

Question

This is the javascript I use for my burger navigation. My code works perfectly on Chrome, but it doesn't works on my iPhone. I think it has to do with the "click" but i'm not sure.

I tried using "touchend" instead of click but that doesn't work either.

This is my code:

onload = function() {
    var hetMenu = document.querySelector("body > header nav");
    hetMenu.addEventListener("click", menuToggle);
}

function menuToggle() {
    var deBody = document.querySelector("body");
    deBody.classList.toggle("navigatie");
    console.log(deBody.classList);
}

Have you checked if `menuToggle` function is called after the click? Is it possible that on small screen something covers the element click event is attached to? — strah, Nov 02 '14 at 11:32
No I think that's not it. When I downsize my Chrome screen to mobile format it works just fine. — Sebastiaan, Nov 02 '14 at 11:42
Check if: **1.** `menuToggle` is being called after click, **2.** manually add `navigate` class to your `body` element and see if that works on the device — strah, Nov 02 '14 at 11:54

score 1 · Answer 1 · edited Dec 03 '18 at 12:48

1

Use both click and touchstart events.

See: onClick not working on mobile (touch)

It's jQuery but same events can be used.

edited Dec 03 '18 at 12:48

ThdK

9,916
23
74
101

answered Nov 02 '14 at 11:58

KyleK

4,643
17
33

score 0 · Answer 2 · answered Apr 06 '17 at 11:15

0

You can use 'touchstart' with jquery.

$('#button1').on('touchstart click', function(){ /* code here */ });

answered Apr 06 '17 at 11:15

karmafunk

1,453
12
20

"click" doesn't work on mobile

2 Answers2