“点击”在移动设备上不起作用

Question

这是我用于汉堡导航的javascript。我的代码在Chrome上完美运行，但它在我的iPhone上不起作用。我认为这与“点击”有关，但我不确定。

我尝试使用“touchend”而不是点击，但这也不起作用。

这是我的代码：

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);
}

Answer 1

同时使用click和touchstart事件。

请参阅：onClick not working on mobile (touch)

它的jQuery但可以使用相同的事件。

Answer 2

您可以使用＆＃39; touchstart＆＃39;用jquery。

$（＆＃39;＃button1＆＃39;）。on（＆＃39; touchstart click＆＃39;，function（）{/ * code here * /}）;