1 Phản ứng các sự kiện không gây khó khăn trên thiết bị di động nhưng hoạt động tốt trên máy tính để bàn. Tôi đã thử onClick, onTouchStart, onTouchEnd, onMouseUp, OnMouseDown

câu hỏi được tạo ra tại Wed, May 8, 2019 12:00 AM

khi tôi cố gắng nhấp vào sự kiện nút tự nó không kích hoạt trong thiết bị di động. Tôi hoạt động tốt trên máy tính để bàn.

Tôi đã thấy một số bài đăng và đã thử con trỏ, thuộc tính z-Index nhưng không có gì hoạt động.

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

onclick sẽ in "ABC"

    
- 1
  1. điện thoại di động, iphone, android nào?
    2019-05-08 16: 01: 14Z
  2. Tất cả các thiết bị di động. Cảm ơn bạn đã liên hệ với tôi.
    2019-05-08 16: 01: 46Z
1 Câu trả lời                              1                         

Thêm postion: 'relative'. Giá trị mặc định là tĩnh, để thay đổi nó từ vị trí thêm vị trí tĩnh.

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

Demo

    
0
2019-05-08 16: 15: 11Z
  1. Cảm ơn bạn Junius. Nó hoạt động. Bạn có thể giải thích cho tôi những gì gây ra vấn đề cảm ơn
    2019-05-08 16: 12: 21Z
  2. chỉ mục z cần vị trí khác với tĩnh (là mặc định) để hoạt động.
    2019-05-08 16: 13: 07Z
nguồn đặt đây