node package manager

drag-stream

streamable mouse drag data

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.

Private packages for the whole team

It’s never been easier to manage developer teams with varying permissions and multiple projects. Learn more about Private Packages and Organizations…

how? learn more

Collaborators

Stats

Try it out

Keywords

drag, browserify, stream, readable

Dependencies (2)

through, domnode-dom

Dependents

interact