Реализация Ruby алгоритма выборки сообщений RSA Data Security, Inc MD5

Таким образом, в этом есть нечто большее, чем просто различия между "touchend" и "click". Документация MDN содержала несколько полезных комментариев о том, как добавить прослушиватель событий для мобильных устройств!

Blockquote

blockquote>

Лучшие практикиSection

[119 ] Вот некоторые рекомендации, которые следует учитывать при использовании событий касания: ... Добавьте обработчики точек касания к определенному целевому элементу (а не ко всему документу или узлам выше в дерево документов).

Blockquote

blockquote>

Очевидно, что не рекомендуется использовать «document.addEventListener ()» для мобильных устройств, а не только для iPhone. Говорят, лучше выбрать купить отдельный элемент. https://developer.mozilla.org/en-US/docs/Web/API/Touch_events/Using_Touch_Events

В этом случае эти изменения необходимы для приготовления бургера. Работа с меню на всех устройствах, к которым у меня есть доступ:

let rootEvent = document.getElementById("rootElement");

let burgerNav = document.getElementById("burger-time");

burgerNav.addEventListener("click", function(e) {
    document.querySelector('nav').classList.add('open');
    burgerNav.style.visibility ='hidden';
    e.preventDefault();
    e.stopPropagation();


});

closeNav = function(){
    if (burgerNav.style.visibility === "hidden"){
       document.querySelector('nav').classList.remove('open');
       burgerNav.style.visibility ='visible';
    }
};

rootEvent.addEventListener("click", closeNav);
rootEvent.addEventListener("touchend", closeNav);

Это, вероятно, не единственный способ сделать это, но если муравей сломался ...