<h1>Draggabilly - dragStart with vanilla JS</h1>
<div class="draggable"></div>
body { font-family: sans-serif; }
.draggable {
width: 140px;
height: 140px;
background: #F90;
border-radius: 10px;
}
.draggable.is-pointer-down {
background: #09F;
}
.draggable.is-dragging { opacity: 0.7; }
// external js: draggabilly.pkgd.js
var draggie = new Draggabilly('.draggable');
draggie.on( 'dragStart', function() {
console.log('dragStart');
});
Also see: Tab Triggers