@eyeear/drag v1.0.0

Drag

拖动、拖拽元素，支持全屏拖拽、容器内拖拽，范围限制，PC端、移动端。

安装

npm install @eyeear/drag --save

使用

import Drag from '@eyeear/drag'

OR

<script src="lib/drag.js"></script>

  <div class="box">
      <div class="handle"></div>
  </div>

// 
new Drag('.handle')

new Drag('.handle', {
  target: '.box'
})

...

选项

  new Drag(el, options)

  el 
    - 触发事件手柄元素对象 一个css选择器或者元素对象
  
  options
    - 选项属性
    - target 被拖动的元素对象  默认el对象的父节点 一个css选择器或者元素对象
    - range 限制容器对象 默认无设置 一个css选择器或者元素对象
    - limited 是否限制拖动超出(限制容器或者窗口)范围 默认 true
    - locked 是否锁定禁止拖动 默认 false
      - lockedX 锁定水平方向拖动  默认 false
      - lockedY 锁定垂直方向拖动  默认 false
    
    - 选项方法
    - start 拖动开始回调 
    - move 拖动进行中回调 
    - end 拖动结束回调