drag-stream

streamable mouse drag data

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
drag-stream
1600.0.310 years ago10 years agoMinified + gzip package size for drag-stream in KB

Readme

drag-stream
A readable stream of drag data for an element.
var drag = require('../index')
  , el = document.getElementById('content')

drag(el)
  .on('data', function(data) {
    // data == {dx:int, dy:int, dt:int}
  })
  .pipe(
    through(function(data) {
      this.emit('data', [data.dx, data.dy, data.dt].join(', ')) 
    })
  )

API

require('drag-stream') -> drag(el)

drag(el) -> readable stream

The stream will emit data events between a mousedown on the target el and mouseup anywhere else on the page.
The data events take the form of an x-delta, y-delta, and time-delta.
When a drag is started, its time-delta will be 0 and its x and y deltas will be the screen offset of the initial mousedown event.