drag-event

• Mouse drag event handling of DOM Element.
• Event handling only. It does not include move, resize, etc.

install

npm install drag-event

or

yarn add drag-event

usage

<!-- for Browser -->
<script src="./dist/dragEvent.js"></script>
<script>
subscribe(document.getElementById('target'), function(ev, type, coords) {
  //
});
</script>

// ECMAScript

import { subscribe } from 'drag-event';

subscribe(document.getElementById('target'), (ev, type, coords) => {
  //
});

// Typescript

import * as DragEvent from 'drag-event';

function listener(
  ev: MouseEvent,
  eventType: DragEvent.EventType,
  coords: DragEvent.Coords,
): void {
  //
}

DragEvent.subscribe(document.getElementById('target'), listener);

reference

• DragEvent.subscribe(element, listener, threshold = 5)

event type

• mousedown
• mouseup
• dragstart
• drag
• dragend
• click
• dblclick