Не срабатывает onclick в мобильной версии сайта, в чем может быть дело?

Question

[Rod113]

В ПК версии все прекрасно работает, а в мобильной нет.
Делал всплывающую форму при клике по кнопке. Но что-то пошло не так. Где косяк?
Вызывается вот таким вот скриптом:

var modal = document.getElementById('myModal');
var btn = document.getElementById("myBtn");
var span = document.getElementsByClassName("close")[0];
btn.onclick = function() {
    modal.style.display = "block";
}

span.onclick = function() {
    modal.style.display = "none";
}

window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}

Демка:
https://codepen.io/Rod113/pen/NWRXNQj

Comments

[Alex]

Вы думаете, кто-то вот так, в уме сможет посмотреть на кусок кода и сказать вам что не так? Сделайте демку. Воспроизведите проблему, а там уже опытные специалисты смогут её продебажить и найти для вас причину.

[Rod113]

Alex, да вы правы. Прошу прощения, не подумал.
Демка:
https://codepen.io/Rod113/pen/NWRXNQj

Answer 1

[Alex_mos]

Что то я не понял что не так работает?) Вроде все окрывает и убирается

Comments

[Rod113]

В мобильной версии не работает. ПК все ровно)

Answer 2

[sinneren]

Попробуйте вместо target currentTarget. ну и вместо onclick, touchend

Comments

[Rod113]

Увы не помогло

[sinneren]

Rod113, ну у нас всех работает, в мобилке (a51) тоже. хотя могу предположить у вас айфон...

Answer 3

[Тимур Худиев]

Попробуйте событие touchstart

Comments

[Rod113]

Пробовал, не сработало...

[Тимур Худиев]

А пробовали навешивать событие через addEventListener?

[Rod113]

Тимур Худиев, нет. Пример можете привести? Попробую.

[Тимур Худиев]

Rod113,

span.addEventListener('touchstart', () => {
  // тут действия
})

Но судя по вопросу, вы плохо знакомы с JS. Это база и ее следует подтянуть. Иначе вы не будете понимать, как сейчас, где могут возникать ошибки

[Rod113]

Спасибо всем. Разобрался. Просто перенес div с кодом в футер и все заработало xD