onGrab
Executes a function when the element is grabbed.
Accepts
A Function
whose first argument returns the draggable itself
Default
noop
onGrab code example
import { createDraggable, utils } from 'animejs';
const [ $value ] = utils.$('.value');
let grabs = 0;
createDraggable('.square', {
container: '.grid',
onGrab: () => $value.textContent = ++grabs
});
<div class="large padded grid square-grid">
<pre class="large log row">
<span class="label">grabs</span>
<span class="value">0</span>
</pre>
<div class="square draggable"></div>
</div>