Skip to content
目录

📚 定义:

.addEventListener()

  • 注册函数,每次特定类型的事件发生时触发该函数。函数内部 this 指向Draggable实例

支持事件:

  • press
  • click
  • dragstart
  • drag
  • dragend
  • release
  • throwcomplete
  • throwupdate

🌰 Draggable addEventListener

js
gsap.registerPlugin(Draggable)

const myDraggable = Draggable.create('#box', {
  bounds: '#container'
})[0]


myDraggable.addEventListener('press', onPress)

function onPress() {
  console.log('pressed', this) // this 表示 draggable实例
  // this.target 表示被拖动的元素
  gsap.to(this.target, { duration: 2, backgroundColor: 'purple' })
}

文档地址:

2022年10月20日14:24:45