Кнопка html не работает на мобильном устройстве

Question

Я работаю над веб-приложением.

На одной из страниц HTML у меня есть следующий фрагмент кода:

<div class="div2">    
<button id="buttonid" type="button" class="btn-submit pull-right" onclick="alert()">BOOK NOW</button>
<div>

Этот код работаетнормально в браузерах ПК.Но когда я пробую это в браузерах на мобильном устройстве, кнопка не нажимается.На этой же странице много кнопок, но они работают нормально.Я очень старался найти решение в Интернете, но ни одно не помогло.

Answer 1

Возможно, проблема в том, что вы используете событие onClick, которое не регистрируется на мобильном устройстве (поскольку вы не нажимаете - вы нажимаете).

В этом ответе объясняется, как использовать "touchstart "событие, которое будет работать на мобильном телефоне.

https://stackoverflow.com/a/22015946/2619909

См. здесь :) Кнопка не работает на мобильных устройствах, но работает на начальной загрузке ПК

Answer 2

Несколько замечаний: - Не уверен, почему вы добавили div-оболочку вокруг кнопки.Попробуйте удалить упаковщик div. Необходимо проверить разметку html, поскольку вы пытаетесь просмотреть html-страницу на мобильном телефоне, если элементы не структурированы должным образом, есть высокая вероятность того, что один из элементов будет перекрываться накнопка.Следовательно, событие click не вызывается для кнопки, а может пытаться вызвать событие click перекрывающегося элемента

Answer 3

Тег определяет кнопку, активируемую щелчком мыши.

Внутри элемента вы можете поместить контент, например текст или изображения.В этом разница между этим элементом и кнопками, созданными с помощью элемента.

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

Нажатие кнопки помечается следующим образом:

<button type="button">Click Me!</button>

ELSE

<button name="favorite" type="button">
  <svg aria-hidden="true" viewBox="0 0 10 10"><path d="m7.4 8.8-2.4-1.3-2.4 1.3.46-2.7-2-1.9 2.7-.39 1.2-2.5 1.2 2.5 2.7.39-1.9 1.9z"/></svg>
  Add to favorites
</button>