Appearance
📚 定义:
.addEventListener()
- 注册函数,每次特定类型的事件发生时触发该函数。函数内部
this
指向Draggable实例
支持事件:
press
click
dragstart
drag
dragend
release
throwcomplete
throwupdate
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