react-konva Text - onClick 在移动设备上不起作用

Posted 2023-03-31

【中文标题】react-konva Text - onClick 在移动设备上不起作用

【英文标题】：react-konva Text - onClick does not work on mobile

【发布时间】：2017-04-28 13:58:55

【问题描述】：

我在我的 web 应用中使用 react-konva，在桌面浏览器上它运行良好，但在移动浏览器上 onClick 不起作用。

<Text
    key=index
    index=index
    x=position[0]
    y=position[1]
    fontSize=unit
    width=unit
    text=mark
    fill=fill
    fontFamily='Helvetica'
    align='center'
    onClick= (event) => 
      alert("Some text...")
    
/>

有没有办法让它在移动设备上运行，或者我需要找到一个 react-konva 文本的替代品？

【问题讨论】：

RTFM Konva mobile events

【参考方案1】：

您必须使用特殊的移动事件：onTap。

https://konvajs.github.io/docs/events/Mobile_Events.html

因此，在您的情况下，只需同时使用 onClick 和 onTap。

<Text
   ...attrs
   onClick=this.handleClick
   onTap=this.handleClick
/>