npm install dragging
import dragging from './dragging.js'
let ele = document.getElementById('ele')dragging(ele, {
cursor: 'pointer', // the cursor effect while mouse hovering on the target element.
// 1.for absolutely positioned element, the margin specifies the minimum spaces(in pixels) kept
to the border of the element's containing block.
(The containing block is the ancestor to which the element is relatively positioned.)
// 2.for fixedly positioned element, the margin specifies the minimum spaces(in pixels) kept
to the border of the current viewport.
// 3.for relatively positioned element, margin will be ignored.
margin: 10,
onStart: (e) => { console.log('onstart..', e) }, // triggered on drag start.
onDragging: (e) => { console.log('ondragging..', e) }, // triggered on dragging
onEnd: (e) => { console.log('onend..', e) }, // triggered on drag end
})
Examples
$3
$3
$3
Install
You can get it on npm.
npm install dragging --save