logo

F2

  • 教程
  • 组件API
  • 图表示例
  • 所有产品antv logo arrow
  • 5.10.0
  • 快速上手
  • 图表组成
  • 图形语法
  • 数据 - Data
  • 度量 - Scale
  • 坐标系 - Coordinate
  • 图形标签 - Shape
  • 绘图属性 - Style
  • 动画属性 - Animation
  • 事件属性 - Event
  • 图形使用 - JSX
  • 组件介绍 - Component
  • 多端/框架 - Framework
    • 多端适配
    • 如何在 React 中使用
    • 如何在 Vue 中使用
    • 如何在小程序中使用
    • 如何在 Node.js 中使用
    • 配置 jsx transform
    • 使用 svg 渲染
  • 进阶 - Advanced
    • 自定义 View
  • 常见问题 - Question
    • 和 React 同时使用时，TS 类型报错

事件属性 - Event

上一篇
动画属性 - Animation
下一篇
图形使用 - JSX

资源

Ant Design
Galacea Effects
Umi-React 应用开发框架
Dumi-组件/文档研发工具
ahooks-React Hooks 库
WeaveFox-前端智能研发

社区

体验科技专栏
seeconfSEE Conf-蚂蚁体验科技大会
weavefoxWeaveFox-智能研发技术社区

帮助

GitHub
StackOverflow

more products更多产品

Ant DesignAnt Design-企业级 UI 设计语言
yuque语雀-知识创作与分享工具
EggEgg-企业级 Node 开发框架
kitchenKitchen-Sketch 工具集
GalaceanGalacean-互动图形解决方案
weavefoxWeaveFox-前端智能研发
© Copyright 2025 Ant Group Co., Ltd..备案号：京ICP备15032932号-38

Loading...

5.x 版本中，F2 的事件系统也得以升级，基于 PointerEvent 标准监听封装了移动端事件。得益于底层引擎的事件系统以及拾取系统，F2 支持在图形标签上直接监听常见的移动端事件。

事件属性

事件名类型描述
onClickfuntion点击事件
onPanStartfuntion手指触摸图形时触发 0
onPanfuntion手指在图形上移动时触发
onPanEndfuntion手指从图形上离开时触发
onTouchStartfuntion手指触摸图形时触发
onTouchMovefuntion手指在图形上移动时触发
onTouchEndfuntion手指从图形上离开时触发
onTouchEndOutsidefuntion手指从图形外离开时触发
onPressStartfuntion手指在图形上开始按压时触发
onPressfuntion手指在图形上按压时触发
onPressEndfuntion手指在图形上结束按压时触发
onSwipefuntion手指快扫时触发
onPinchStartfuntion手指开始缩放时触发
onPinchfuntion手指缩放时触发
onPinchEndfuntion手指结束缩放时触发