You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

GSAP Draggable插件中如何同时使用onClickParams与pointerEvent

在GSAP Draggable中同时使用onClickParams与pointerEvent

当使用onClickParams传递自定义参数时,GSAP不会默认传入pointerEvent,但可以通过在onClickParams数组中添加特殊占位符{event},让GSAP自动将pointerEvent作为参数传入回调函数。

修正后的代码示例:

gsap.registerPlugin(Draggable);

Draggable.create('.some-class', {
  onClick: (param1, pointerEvent)=>{
    console.log(param1); // 'param1'
    console.log(pointerEvent); // 输出pointerEvent对象
  },
  onClickParams: ['param1', '{event}']
});

额外说明:如果需要在回调中获取Draggable实例本身,可以在onClickParams中加入{self}占位符,对应的回调参数就能拿到实例对象。

内容的提问来源于stack exchange,提问作者AmirHosien

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.21 14:20:55