React事件不会在移动设备上触发，但可以在桌面上正常运行。我尝试了onClick，onTouchStart，onTouchEnd，onMouseUp，OnMouseDown

Question

当我尝试单击按钮事件时，它本身不会在移动设备中触发。我在台式机上运行良好。

我看到了一些帖子，并尝试了游标的z-Index属性，但没有任何效果。

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

onclick按钮应打印“ ABC”

Answer 1

添加postion: 'relative'。默认值是静态的，可将其从相对于静态添加位置的位置更改。

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

Demo