拖拽

拖拽函数,使用 pointer 事件，支持桌面、移动端、触控笔等

安装

npm i aiv367-drag --save

示例

import drag from 'aiv367-drag';

let d = drag('#demo', {
    handle: 'header',
    onDragMove: evt => {
        // return true;
    }
});

/*
d.enable(); 启用拖拽
d.disable(); 停用拖拽
d.destroy(); 删除拖拽
*/

参数

drag(dom, opts);

/*
dom = document.getElementById('demo') || '#demo';
opts = {
    draggingClassName: 'dragging', //拖拽中的样式
    restrictParentContainer: true, //限制父容器
    xAxis: true, //允许水平拖拽
    yAxis: true, //允许垂直拖拽
    handle: '', //再内部哪个dom上施加拖拽交互
    onDragStart: (evt) => { },
    onDragMove: (evt) => { }, //return false 时，不执行交互，只返回拖拽数据，用于特殊的应用场景
    onDragEnd: (evt) => { }
}
*/

授权

MIT