A simple plugin make your html element draggable!

repertory

Demo

• Install

NPM

$npm install kaguya-draggable

or

<script src="./../dist/draggable.js"></script>

• API

| key | value | description | | -------------------- |:--------------------------------:| ------------:| | selector | '.drag' | the root node | axis | 'both'/'x'/'y' | draggable axis | cursor | 'move' | the cursor style of selector | userSelect | boolean | userSelect of element | callback | function | get the coordinate

    const drag = new Draggable({
        selector: '#drag',
        axis: 'both',
        userSelect: false,
        cursor: 'move',
        callback: (data) => {
            console.log(data);
        },
    });

or you can register nodelist by pass class or element selector

    const drag = new Draggable({
        selector: '.drag',
        axis: 'both',
        cursor: 'move',
    });

contribute is welcome, if you want to contribute code view CONTRIBUTING