1 Вопрос: Реагировать события не срабатывает на мобильном телефоне, но отлично работает на рабочем столе. Я попробовал onClick, onTouchStart, onTouchEnd, onMouseUp, OnMouseDown

вопрос создан в Wed, May 8, 2019 12:00 AM

когда я пытаюсь нажать на кнопку, само событие не запускается на мобильном устройстве. Я отлично работаю на рабочем столе.

Я видел некоторые сообщения и пробовал курсор, свойство z-Index, но ничего не работает.

<div>
     <button  style ={{ cursor: 'pointer', zIndex : 1000 }} 
               onClick={ () => { console.log("ABC")} } >Button</button>
</div>

при нажатии на кнопку должно появиться «ABC»

    
- 1
  1. какой мобильный телефон, iphone, android?
    2019-05-08 16: 01: 14Z
  2. Все мобильные устройства. Спасибо, что связались со мной.
    2019-05-08 16: 01: 46Z
1 ответ                              1                         

Добавить postion: 'relative'. Значение по умолчанию - статическое, чтобы изменить его относительно статического положения добавления относительно.

<div>
   <button style={{ cursor: 'pointer', zIndex: 1000, position: 'relative' }}
     onClick={() => { console.log("ABC") }} >Button</button>
</div>

Демонстрация

    
0
2019-05-08 16: 15: 11Z
  1. Спасибо, Юниус. Оно работает. Можете ли вы объяснить мне, что вызывает проблему, спасибо
    2019-05-08 16: 12: 21Z
  2. Для работы z-index необходимо, чтобы положение отличалось от статического (по умолчанию).
    2019-05-08 16: 13: 07Z
источник размещен Вот