https://github.com/wahaha2012/dom-draggable

make dom element draggable
https://github.com/wahaha2012/dom-draggable

dom draggable

Last synced: about 1 month ago
JSON representation

make dom element draggable

• Host: GitHub
• URL: https://github.com/wahaha2012/dom-draggable
• Owner: wahaha2012
• License: mit
• Created: 2021-10-08T09:19:56.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-10-09T06:30:19.000Z (over 3 years ago)
• Last Synced: 2024-12-19T09:38:02.247Z (about 2 months ago)
• Topics: dom, draggable
• Language: JavaScript
• Homepage:
• Size: 36.1 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# dom-draggable

make dom element draggable

## Usage

```bash

yarn add dom-draggable

npm install dom-draggable

```

```js

// use as commonjs

const { setDraggable } = require("dom-draggable");

// use as ES module

import { setDraggable } from "dom-draggable";

const div = document.querySelector("#drag")

setDraggable(div);

```

## API

```js

setDraggable(domElement, options);

options = {

  // if true set position=absolute, else set poistion=fixed;

  relative: Boolean, 

  // if true use user cursor setting, else set cursor=move;

  keepCursor: Boolean, 

  // drag start event handler

  onDragStart(e) {

  },

  // drag move event handler

  onDragMove(e) {

  },

  // drag end event handler

  onDragEnd(e) {

    

  },

  

}

```

## Related Projects

+ https://github.com/taye/interact.js

+ https://github.com/Shopify/draggable