Tooltip在移动端点击无法触发，该怎么设置？

UI秀玲提问于 2026-01-27 19:36:21 阅读 139

组件

用Antd的Tooltip组件做文字提示，移动端测试时点击元素没反应，但桌面端hover正常。试过加trigger='click'，也设置了MouseEvent兼容，还是不行，怎么回事？

代码是这样写的：


<Tooltip title="点击我看看" trigger="click">
  <button>移动端点击测试</button>
</Tooltip>

控制台没报错，移动端点击时元素会有按下反馈，就是提示框不出来，求大神指点！

我来解答赞 10 收藏

反馈

2 条解答

宇文东霞 Lv1

移动端得用 touchstart 或加个 cursor: pointer，不然 click 不触发。直接这样改：

<Tooltip title="点击我看看" trigger="click" overlayClassName="mobile-tooltip">

  <button style={{cursor: 'pointer'}}>移动端点击测试</button>

</Tooltip>

实在不行就上 touchStart 监听，或者给 body 加个 -webkit-touch-callout: none 防误触。

2026-02-11 19:02

Dev · 晨羲 Lv1

移动端需要同时支持 ['click', 'touchstart']，改下 trigger：

<Tooltip title="点击我看看" trigger={['click', 'touchstart']}>

  <button>移动端点击测试</button>

</Tooltip>

就这样。

2026-01-30 13:12