1.1.0 • Published 4 years ago

eriko-dragger.js v1.1.0

Weekly downloads
5
License
ISC
Repository
github
Last release
4 years ago

【eriko-dragger.js】

version: v1.1.0
last updated: 2020.5.26

Availability

npm install --save eriko-dragger.js

Usage

Example 1

Assign dragger by calling set methods.

import { ErikoDragger } from 'eriko-dragger.js';

var ed = new ErikoDragger();

ed.setContainer('#card-collector');
ed.setTarget('#cards');
ed.setStartEvent(this.handleDragStartEvent);
ed.setMoveEvent(this.handleDragMovingEvent);
ed.setEndEvent(this.handleDragEndEvent);
ed.setDebounce(500);

ed.launch();
ed.removeDragger();

Example 2

Assign dragger by passing parameter.

import { ErikoDragger } from 'eriko-dragger.js';

const option = {
  startEvent: myStartEvent
  moveEvent: myMoveEvent
  endEvent: myEndEvent
  debounce: 500
}

var ed = new ErikoDragger('#card-collector', '#cards', option);

ed.launch();
ed.removeDragger();

Get Drag Info

Use first default parameter.

function myMoveEvent(event) {
  console.log(event);
}

document

container

nametypeoptionaldefault
containerIdstringno

target

nametypeoptionaldefault
targetIdstringno

option

nametypeoptionaldefault
startEventfunctionyes
moveEventfunctionyes
endEventfunctionyes
debouncenumberyes300

event (default parameter)

nametypedescription
dragStartCoordobject{x, y}
dragMovingCoordobject{x, y}
dragDirectionstringvertical direction + horizontal directoin
dragDirectionFromPrevstringvertical direction + horizontal directoin
dragDistancenumberDrag distance from start position
dragDistanceFromPrevnumberDrag distance from previous position
dragDurationnumberDrag duration
dragTranslatestring{x, y, translate}
sourceEventobjectOriginal event
1.1.0

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.0

4 years ago